@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/plus-jakarta-sans-cyrillic-ext-wght-normal-JQUONSEA.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/plus-jakarta-sans-vietnamese-wght-normal-TOS5SH3L.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/plus-jakarta-sans-latin-ext-wght-normal-UBEBQO7H.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/plus-jakarta-sans-latin-wght-normal-XZSBT77D.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--tk-font: "Plus Jakarta Sans Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--tk-accent: #0891b2;--tk-accent-ink: #ffffff;--tk-accent-glass: rgba(8, 145, 178, .12);--tk-warning: #c2410c;--tk-price: #b45309;--tk-bg: #f2f4f7;--tk-field: #ffffff;--tk-surface: rgba(255, 255, 255, .6);--tk-surface-strong: rgba(255, 255, 255, .9);--tk-border: rgba(15, 23, 42, .08);--tk-highlight: inset 0 1px 0 rgba(255, 255, 255, .9);--tk-text: #0f172a;--tk-text-muted: #64748b;--tk-shadow: 0 8px 24px rgba(15, 23, 42, .06);--tk-radius: 20px;--tk-ease: cubic-bezier(.32, .72, 0, 1)}@media(prefers-color-scheme:dark){:root{--tk-accent: #22d3ee;--tk-accent-ink: #083344;--tk-accent-glass: rgba(34, 211, 238, .14);--tk-warning: #fb923c;--tk-price: #fcd34d;--tk-bg: #06080c;--tk-field: #12161d;--tk-surface: rgba(255, 255, 255, .045);--tk-surface-strong: rgba(255, 255, 255, .09);--tk-border: rgba(255, 255, 255, .08);--tk-highlight: inset 0 1px 0 rgba(255, 255, 255, .08);--tk-text: #f5f7fa;--tk-text-muted: #8b95a5;--tk-shadow: 0 12px 32px rgba(0, 0, 0, .4)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--tk-bg);color:var(--tk-text);font-family:var(--tk-font);letter-spacing:-.01em}a{color:var(--tk-accent)}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);width:100%;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:4px;padding:24px 16px;border-right:1px solid var(--tk-border)}.sidebar .brand{margin:0 8px 20px;font-size:1.15rem;font-weight:800}.sidebar .brand small{display:block;color:var(--tk-text-muted);font-size:.75rem;font-weight:600}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{padding:10px 12px;border-radius:12px;color:var(--tk-text-muted);font-weight:600;text-decoration:none;transition:background-color .2s var(--tk-ease),color .2s var(--tk-ease)}.sidebar nav a:hover{color:var(--tk-text);background:var(--tk-surface)}.sidebar nav a.active{color:var(--tk-accent);background:var(--tk-accent-glass)}.sidebar .sidebar__user{margin-top:auto;display:flex;flex-direction:column;gap:6px;padding:0 8px;color:var(--tk-text-muted);font-size:.8rem}.content{min-width:0;padding:32px 40px 60px}.page-title{margin:0 0 24px;font-size:1.8rem;font-weight:800;letter-spacing:-.03em}.section-title{margin:28px 0 12px;font-size:1.05rem;font-weight:700}.glass,.panel{background:var(--tk-surface);border:1px solid var(--tk-border);border-radius:var(--tk-radius);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);box-shadow:var(--tk-highlight),var(--tk-shadow)}.panel{padding:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.stat{padding:18px}.stat span{display:block;color:var(--tk-text-muted);font-size:.78rem;font-weight:600}.stat strong{display:block;margin-top:6px;font-size:1.7rem;font-weight:800;letter-spacing:-.02em}.stat small{color:var(--tk-text-muted);font-size:.75rem}table{width:100%;border-collapse:collapse;font-size:.88rem}table th{padding:10px 12px;text-align:left;color:var(--tk-text-muted);font-size:.75rem;font-weight:700}table td{padding:10px 12px;border-top:1px solid var(--tk-border);vertical-align:middle}.muted{color:var(--tk-text-muted)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}input[type=text],input[type=search],input[type=number],input[type=date],select{padding:9px 12px;border-radius:12px;border:1px solid var(--tk-border);background:var(--tk-surface-strong);color:var(--tk-text);font:inherit;font-size:.9rem}input[type=text]:focus,input[type=search]:focus,input[type=number]:focus,input[type=date]:focus,select:focus{outline:none;border-color:var(--tk-accent);box-shadow:0 0 0 3px var(--tk-accent-glass)}input[type=number]{width:96px}select{appearance:none;padding-right:36px;background-color:var(--tk-field);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;font-weight:600;cursor:pointer;transition:border-color .15s,box-shadow .15s}select:hover{border-color:color-mix(in srgb,var(--tk-accent) 45%,var(--tk-border))}select option{background:var(--tk-field);color:var(--tk-text)}input[type=color]{width:34px;height:34px;padding:3px;border:1px solid var(--tk-border);border-radius:50%;background:var(--tk-field);cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}input[type=color]::-moz-color-swatch{border:0;border-radius:50%}.button{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:0;border-radius:999px;background:var(--tk-accent);color:var(--tk-accent-ink);font:inherit;font-size:.88rem;font-weight:700;cursor:pointer;transition:transform .2s var(--tk-ease),opacity .2s}.button:active{transform:scale(.97)}.button:disabled{opacity:.5;cursor:default}.button--ghost{background:var(--tk-surface-strong);color:var(--tk-text);border:1px solid var(--tk-border)}.button--danger{background:none;color:var(--tk-warning);border:1px solid color-mix(in srgb,var(--tk-warning) 40%,transparent)}.button--small{padding:6px 12px;font-size:.8rem}.yes-no{display:inline-flex;padding:3px;border-radius:999px;border:1px solid var(--tk-border);background:var(--tk-field)}.yes-no button{min-width:44px;padding:5px 12px;border:0;border-radius:999px;background:transparent;color:var(--tk-text-muted);font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;transition:background-color .2s var(--tk-ease),color .2s}.yes-no .yes-no--on{background:var(--tk-accent);color:var(--tk-accent-ink)}.yes-no button+.yes-no--on{background:var(--tk-surface-strong);color:var(--tk-text);box-shadow:inset 0 0 0 1px var(--tk-border)}.feature--off strong,.feature--off small{opacity:.55}.switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.switch input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.switch span{position:absolute;inset:0;border-radius:999px;background:var(--tk-surface-strong);border:1px solid var(--tk-border);pointer-events:none;transition:background-color .2s var(--tk-ease)}.switch span:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:999px;background:var(--tk-text-muted);transition:transform .25s var(--tk-ease),background-color .2s}.switch input:checked+span{background:var(--tk-accent)}.switch input:checked+span:after{transform:translate(18px);background:var(--tk-accent-ink)}.badge{display:inline-flex;padding:2px 9px;border-radius:999px;font-size:.72rem;font-weight:700;color:var(--tk-accent);background:var(--tk-accent-glass)}.badge--muted{color:var(--tk-text-muted);background:var(--tk-surface-strong)}.badge--warning{color:var(--tk-warning);background:color-mix(in srgb,var(--tk-warning) 12%,transparent)}.error{margin:12px 0;padding:10px 14px;border-radius:12px;color:var(--tk-warning);background:color-mix(in srgb,var(--tk-warning) 12%,transparent);font-size:.85rem}.pager{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:14px;color:var(--tk-text-muted);font-size:.85rem}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}.plan-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.plan-header input{font-weight:800;font-size:1rem}.feature{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--tk-border)}.feature strong{font-size:.9rem}.feature small{display:block;color:var(--tk-text-muted);font-size:.75rem}.feature .feature__limit{display:flex;align-items:center;gap:6px;grid-column:1/-1;font-size:.8rem;color:var(--tk-text-muted)}.avatars{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.avatar-card{display:flex;flex-direction:column;gap:10px;padding:16px}.avatar-card--retired{opacity:.55}.avatar-card img{width:72px;height:72px;border-radius:999px;align-self:center}.avatar-card .row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.82rem}.avatar-card input[type=text]{width:100%}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login .panel{width:min(380px,100%);display:flex;flex-direction:column;gap:14px;text-align:center}.login h1{margin:0;font-size:1.5rem}.login p{margin:0;color:var(--tk-text-muted);font-size:.9rem}@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:16px;border-right:0;border-bottom:1px solid var(--tk-border)}.sidebar .brand{margin-bottom:10px}.sidebar nav{flex-direction:row;flex-wrap:wrap}.sidebar .sidebar__user{flex-direction:row;align-items:center;justify-content:space-between;margin-top:10px}.content{padding:20px 16px 40px}.glass:has(table),.panel:has(table){overflow-x:auto}}