:root{color:#f5f7fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#111318;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#111318;min-height:100vh}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}:root{--kahvassa-bg:#07111f;--kahvassa-bg-soft:#0b1728;--kahvassa-panel:#0d1b2e;--kahvassa-panel-hover:#11233a;--kahvassa-blue:#1683ff;--kahvassa-blue-hover:#3194ff;--kahvassa-blue-soft:#1683ff24;--kahvassa-green:#22c55e;--kahvassa-red:#ef4444;--kahvassa-text:#f5f9ff;--kahvassa-text-soft:#aab8c9;--kahvassa-text-muted:#718197;--kahvassa-border:#ffffff14;--kahvassa-border-strong:#1683ff59;--kahvassa-radius-sm:8px;--kahvassa-radius-md:12px;--kahvassa-radius-lg:16px;--kahvassa-space-xs:4px;--kahvassa-space-sm:8px;--kahvassa-space-md:16px;--kahvassa-space-lg:24px;--kahvassa-space-xl:32px;--kahvassa-space-2xl:48px;--kahvassa-shadow-panel:0 12px 32px #00000038;--kahvassa-transition:.18s ease}.kahvassa-shell{background:radial-gradient(circle at top right, #1683ff14, transparent 34%), var(--kahvassa-bg);min-height:100vh;color:var(--kahvassa-text)}.kahvassa-shell__header{border-bottom:1px solid var(--kahvassa-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07111fe0}.kahvassa-shell__brand{align-items:center;gap:var(--kahvassa-space-md);width:min(1200px,100% - 40px);min-height:72px;margin:0 auto;display:flex}.kahvassa-shell__logo{border-radius:var(--kahvassa-radius-md);background:var(--kahvassa-blue);color:#fff;place-items:center;width:40px;height:40px;font-size:20px;font-weight:800;display:grid;box-shadow:0 0 24px #1683ff47}.kahvassa-shell__title{letter-spacing:.04em;font-size:18px;font-weight:800}.kahvassa-shell__subtitle{color:var(--kahvassa-text-muted);margin-top:2px;font-size:13px}.kahvassa-shell__content{width:min(1200px,100% - 40px);padding:var(--kahvassa-space-2xl) 0;margin:0 auto}.kahvassa-page-header{justify-content:space-between;align-items:center;gap:var(--kahvassa-space-lg);margin-bottom:var(--kahvassa-space-xl);display:flex}.kahvassa-page-header__main{align-items:center;gap:var(--kahvassa-space-xl);flex:1;min-width:0;display:flex}.kahvassa-page-header__title{color:var(--kahvassa-text);white-space:nowrap;margin:0;font-size:32px;font-weight:750;line-height:1.15}.kahvassa-page-header__search{width:min(320px,100%)}.kahvassa-page-header__search input{width:100%}.kahvassa-button{border-radius:var(--kahvassa-radius-sm);min-height:42px;font:inherit;cursor:pointer;transition:background var(--kahvassa-transition), border-color var(--kahvassa-transition), color var(--kahvassa-transition), transform var(--kahvassa-transition);border:1px solid #0000;padding:0 16px;font-size:14px;font-weight:650}.kahvassa-button:hover:not(:disabled){transform:translateY(-1px)}.kahvassa-button:focus-visible,.kahvassa-input__field:focus-visible,.kahvassa-tabs__tab:focus-visible{outline:2px solid var(--kahvassa-blue);outline-offset:2px}.kahvassa-button:disabled{opacity:.55;cursor:not-allowed}.kahvassa-button--primary{background:var(--kahvassa-blue);color:#fff;box-shadow:0 6px 18px #1683ff33}.kahvassa-button--primary:hover:not(:disabled){background:var(--kahvassa-blue-hover)}.kahvassa-button--secondary{background:var(--kahvassa-panel);border-color:var(--kahvassa-border);color:var(--kahvassa-text)}.kahvassa-button--secondary:hover:not(:disabled){background:var(--kahvassa-panel-hover);border-color:var(--kahvassa-border-strong)}.kahvassa-button--danger{color:#ff8a8a;background:#ef44441f;border-color:#ef444447}.kahvassa-button--danger:hover:not(:disabled){background:#ef444433}.kahvassa-button--ghost{color:var(--kahvassa-text-soft);background:0 0}.kahvassa-button--ghost:hover:not(:disabled){background:var(--kahvassa-panel);color:var(--kahvassa-text)}.kahvassa-input{gap:var(--kahvassa-space-xs);flex-direction:column;display:flex}.kahvassa-input label{color:var(--kahvassa-text-soft);font-size:13px;font-weight:600}.kahvassa-input__field,.kahvassa-page-header__search input{box-sizing:border-box;border:1px solid var(--kahvassa-border);border-radius:var(--kahvassa-radius-sm);background:var(--kahvassa-panel);min-height:42px;color:var(--kahvassa-text);font:inherit;transition:border-color var(--kahvassa-transition), box-shadow var(--kahvassa-transition), background var(--kahvassa-transition);padding:0 13px;font-size:14px}.kahvassa-input__field::placeholder,.kahvassa-page-header__search input::placeholder{color:var(--kahvassa-text-muted)}.kahvassa-input__field:hover,.kahvassa-page-header__search input:hover{border-color:#ffffff29}.kahvassa-input__field:focus,.kahvassa-page-header__search input:focus{border-color:var(--kahvassa-blue);box-shadow:0 0 0 3px var(--kahvassa-blue-soft);outline:none}.kahvassa-input__field--error{border-color:var(--kahvassa-red)}.kahvassa-input__error{color:#ff8a8a;font-size:13px}.kahvassa-tabs{display:flex}.kahvassa-tabs__list{border:1px solid var(--kahvassa-border);border-radius:var(--kahvassa-radius-md);background:var(--kahvassa-panel);gap:4px;padding:4px;display:flex}.kahvassa-tabs__tab{border-radius:var(--kahvassa-radius-sm);min-height:38px;color:var(--kahvassa-text-muted);font:inherit;cursor:pointer;transition:background var(--kahvassa-transition), color var(--kahvassa-transition);background:0 0;border:0;padding:0 14px;font-size:14px;font-weight:650}.kahvassa-tabs__tab:hover{color:var(--kahvassa-text)}.kahvassa-tabs__tab--active{background:var(--kahvassa-blue-soft);color:var(--kahvassa-text)}.kahvassa-tabs__count{color:inherit;opacity:.75;margin-left:6px}.kahvassa-status-dot{align-items:center;gap:7px;display:inline-flex}.kahvassa-status-dot__indicator{border-radius:50%;flex:0 0 9px;width:9px;height:9px}.kahvassa-status-dot--active .kahvassa-status-dot__indicator{background:var(--kahvassa-green);box-shadow:0 0 10px #22c55e73}.kahvassa-status-dot--archived .kahvassa-status-dot__indicator{background:var(--kahvassa-red);box-shadow:0 0 10px #ef444466}.kahvassa-status-dot__label{color:var(--kahvassa-text-soft);font-size:13px}.kahvassa-panel{border:1px solid var(--kahvassa-border);border-radius:var(--kahvassa-radius-lg);background:var(--kahvassa-panel);box-shadow:var(--kahvassa-shadow-panel);overflow:hidden}.kahvassa-panel__header{padding:20px 24px 0}.kahvassa-panel__title{color:var(--kahvassa-text);margin:0;font-size:18px;font-weight:700}.kahvassa-panel__subtitle{color:var(--kahvassa-text-muted);margin:6px 0 0;font-size:13px}.kahvassa-panel__content{padding:24px}.kahvassa-table-wrapper{border:1px solid var(--kahvassa-border);border-radius:var(--kahvassa-radius-lg);background:var(--kahvassa-panel);width:100%;box-shadow:var(--kahvassa-shadow-panel);overflow-x:auto}.kahvassa-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:760px}.kahvassa-table th{border-bottom:1px solid var(--kahvassa-border);color:var(--kahvassa-text-muted);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;padding:14px 16px;font-size:12px;font-weight:700}.kahvassa-table td{border-bottom:1px solid var(--kahvassa-border);color:var(--kahvassa-text-soft);vertical-align:middle;padding:16px;font-size:14px}.kahvassa-table tbody tr:last-child td{border-bottom:0}.kahvassa-table tbody tr{transition:background var(--kahvassa-transition)}.kahvassa-table tbody tr:hover{background:#ffffff06}.kahvassa-table__empty{text-align:center;color:var(--kahvassa-text-muted)!important;padding:32px 16px!important}.kahvassa-table td:last-child{white-space:nowrap}.kahvassa-table-actions{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.kahvassa-table-actions__error{color:#ff8a8a;font-size:12px}@media (width<=760px){.kahvassa-shell__brand,.kahvassa-shell__content{width:min(100% - 24px,1200px)}.kahvassa-shell__content{padding:28px 0}.kahvassa-page-header{flex-direction:column;align-items:stretch}.kahvassa-page-header__main{flex-direction:column;align-items:stretch;gap:14px}.kahvassa-page-header__title{font-size:28px}.kahvassa-page-header__search{width:100%}}#root{min-height:100vh}main{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}main h1{letter-spacing:.08em;margin:0;font-size:clamp(2.5rem,8vw,5rem)}main p{opacity:.7;margin-top:.75rem;font-size:1.1rem}