:root{--bg: #f3f5f9;--surface: #ffffff;--surface-2: #f7f8fb;--surface-3: #eceff5;--ink: #111827;--ink-2: #344054;--muted: #667085;--rule: #e1e5ed;--rule-soft: #edf0f5;--accent: #4f46e5;--accent-hover: #4338ca;--accent-soft: #eeeeff;--accent-ink: #ffffff;--ok: #0b7f6e;--ok-soft: #d9f6ef;--warn: #a45510;--warn-soft: #ffeeda;--danger: #c02636;--danger-soft: #ffe4e6;--info: #4338ca;--info-soft: #eeeeff;--shadow-1: 0 1px 2px rgb(16 24 40 / 4%), 0 3px 10px rgb(16 24 40 / 4%);--shadow-2: 0 8px 18px rgb(16 24 40 / 8%), 0 22px 48px -22px rgb(16 24 40 / 18%);--focus: 0 0 0 3px var(--accent-soft), 0 0 0 4px var(--accent);--sans: "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;--display: "Plus Jakarta Sans", "Inter", "Segoe UI", system-ui, sans-serif;--mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, "Liberation Mono", monospace;--radius: 16px;--radius-sm: 10px;--chrome: #111527;--chrome-2: #1a2037;--chrome-line: #29314d;--chrome-ink: #c8d0e7;--chrome-strong: #ffffff;--chrome-dim: #7d86ad}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0e1022;--surface: #171a33;--surface-2: #1f2340;--surface-3: #2a2f52;--ink: #e7e9f5;--ink-2: #b9c0dd;--muted: #7d86ad;--rule: #2c3358;--rule-soft: #232849;--accent: #8b85f0;--accent-hover: #a5a0f5;--accent-soft: #232152;--accent-ink: #0e1022;--ok: #34d3b5;--ok-soft: #10322e;--warn: #e0a44f;--warn-soft: #33260f;--danger: #ff8a95;--danger-soft: #391a22;--info: #a5a0f5;--info-soft: #232152;--shadow-1: 0 1px 2px rgb(0 0 0 / 40%);--shadow-2: 0 2px 6px rgb(0 0 0 / 45%), 0 10px 26px -12px rgb(0 0 0 / 60%)}}:root[data-theme=dark]{--bg: #0e1022;--surface: #171a33;--surface-2: #1f2340;--surface-3: #2a2f52;--ink: #e7e9f5;--ink-2: #b9c0dd;--muted: #7d86ad;--rule: #2c3358;--rule-soft: #232849;--accent: #8b85f0;--accent-hover: #a5a0f5;--accent-soft: #232152;--accent-ink: #0e1022;--ok: #34d3b5;--ok-soft: #10322e;--warn: #e0a44f;--warn-soft: #33260f;--danger: #ff8a95;--danger-soft: #391a22;--info: #a5a0f5;--info-soft: #232152;--shadow-1: 0 1px 2px rgb(0 0 0 / 40%);--shadow-2: 0 2px 6px rgb(0 0 0 / 45%), 0 10px 26px -12px rgb(0 0 0 / 60%)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 74% -10%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 34%)}h1,h2,h3,h4{margin:0;font-family:var(--display);font-weight:700;letter-spacing:-.015em;text-wrap:balance}h1{font-size:28px;line-height:1.2}h2{font-size:18px}h3{font-size:14px}::selection{background:var(--accent-soft);color:var(--accent-hover)}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.field{display:flex;flex-direction:column;gap:5px}.label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.input,.select,.textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-sm);padding:7px 10px;width:100%;transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus)}.input[aria-invalid=true]{border-color:var(--danger)}.hint{font-size:12px;color:var(--muted)}.error-text{font-size:12px;color:var(--danger)}.btn{font:inherit;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 15px;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--surface);color:var(--ink);cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:var(--accent-ink);box-shadow:0 6px 14px color-mix(in srgb,var(--accent) 24%,transparent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn:active:not(:disabled){transform:translateY(1px)}.btn-ghost{border-color:var(--rule)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{min-height:34px;padding:5px 10px;font-size:12.5px}.card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-1)}.card-pad{padding:20px 22px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--rule-soft)}@media(max-width:560px){.card-head{flex-wrap:wrap;row-gap:4px}}.table-scroll{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:13.5px}table.data th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:9px 14px;background:var(--surface-2);border-bottom:1px solid var(--rule);white-space:nowrap;position:sticky;top:0;z-index:1}table.data td{padding:10px 14px;border-bottom:1px solid var(--rule-soft);vertical-align:middle}table.data tbody tr:last-child td{border-bottom:0}table.data tbody tr:hover{background:var(--surface-2)}table.data .num{font-variant-numeric:tabular-nums;text-align:right}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:500;padding:2px 8px;border-radius:100px;white-space:nowrap}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.pill-ok{background:var(--ok-soft);color:var(--ok)}.pill-warn{background:var(--warn-soft);color:var(--warn)}.pill-danger{background:var(--danger-soft);color:var(--danger)}.pill-info{background:var(--info-soft);color:var(--info)}.pill-muted{background:var(--surface-3);color:var(--muted)}.mono{font-family:var(--mono);font-size:12.5px}.empty{padding:44px 24px;text-align:center;color:var(--muted)}.empty h3{color:var(--ink);margin-bottom:6px}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:root{--page-max: 1480px;--glass: color-mix(in srgb, var(--surface) 86%, transparent);--accent-glow: color-mix(in srgb, var(--accent) 18%, transparent);--elevated: 0 1px 2px rgb(16 24 40 / 4%), 0 12px 32px -18px rgb(16 24 40 / 22%)}body{background-color:var(--bg);background-image:radial-gradient(900px 420px at 78% -120px,var(--accent-glow),transparent 65%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 34%,transparent),transparent 280px)}body main header.page-head:has(h1),body main header.head:has(h1){position:relative;align-items:center;min-height:64px;margin-bottom:16px;padding:3px 0 3px 18px}body main header.page-head:has(h1):before,body main header.head:has(h1):before{content:"";position:absolute;inset:8px auto 8px 0;width:4px;border-radius:4px;background:linear-gradient(180deg,var(--accent),var(--info));box-shadow:0 0 18px var(--accent-glow)}body main header.page-head:has(h1) h1,body main header.head:has(h1) h1{font-size:clamp(25px,2vw,32px);line-height:1.12;letter-spacing:-.035em}body main header.page-head:has(h1) :where(.sub,.muted,p),body main header.head:has(h1) :where(.sub,.muted,p){margin-top:5px;color:var(--muted);font-size:13.5px;line-height:1.5}body main .card{border-color:color-mix(in srgb,var(--rule) 88%,var(--accent) 12%);box-shadow:var(--elevated);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}body main .card-head{min-height:50px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 58%,transparent),transparent)}.card-head h2{font-size:17px;letter-spacing:-.025em}.card-head :where(.muted,.hint,p){margin:0}.card-foot{padding:14px 20px;border-top:1px solid var(--rule-soft);background:var(--surface-2)}.input,.select,.textarea,main input:not([type=checkbox]):not([type=radio]):not([type=range]),main select,main textarea{min-height:42px;border-color:var(--rule);border-radius:11px;background:color-mix(in srgb,var(--surface) 94%,var(--surface-2))}main textarea,.textarea{min-height:92px;resize:vertical}.input:hover,.select:hover,.textarea:hover,main input:not([type=checkbox]):not([type=radio]):hover,main select:hover,main textarea:hover{border-color:color-mix(in srgb,var(--rule) 55%,var(--accent))}.label,main .fields label>span,main .field>label:first-child{color:var(--ink-2);font-size:11px;font-weight:700;letter-spacing:.065em;text-transform:uppercase}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.btn{min-height:40px;border-radius:11px;letter-spacing:-.005em;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary:hover:not(:disabled){box-shadow:0 9px 20px color-mix(in srgb,var(--accent) 27%,transparent)}.btn-ghost{background:color-mix(in srgb,var(--surface) 88%,transparent)}.btn-danger{box-shadow:0 7px 16px color-mix(in srgb,var(--danger) 20%,transparent)}body main [role=tablist],body main .tabs-row:has(>.chip),body main .filters:has(>.chip){display:flex;align-items:center;gap:5px;width:fit-content;max-width:100%;margin-bottom:16px;padding:4px;overflow-x:auto;border:1px solid var(--rule);border-radius:14px;background:var(--glass);box-shadow:var(--shadow-1);scrollbar-width:none}body main [role=tablist]::-webkit-scrollbar,body main .tabs-row:has(>.chip)::-webkit-scrollbar,body main .filters:has(>.chip)::-webkit-scrollbar{display:none}body main [role=tablist]>button,body main .tabs-row>.chip,body main .filters>.chip{min-height:32px;padding:5px 12px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:inherit;font-size:12.5px;font-weight:600;white-space:nowrap;cursor:pointer}body main [role=tablist]>button:hover,body main .tabs-row>.chip:hover,body main .filters>.chip:hover{color:var(--ink);background:var(--surface-2)}body main [role=tablist]>button:is(.active,[aria-selected=true]),body main .tabs-row>.chip.on,body main .filters>.chip.on{color:var(--accent-ink);background:linear-gradient(135deg,var(--accent),var(--accent-hover));box-shadow:0 6px 14px var(--accent-glow)}.table-scroll{scrollbar-width:thin;scrollbar-color:var(--rule) transparent}table.data{font-size:13px}table.data th{height:42px;padding:10px 16px;background:color-mix(in srgb,var(--surface-2) 84%,var(--surface));color:var(--muted);font-size:10.5px;font-weight:750;letter-spacing:.08em}table.data td{height:46px;padding:9px 16px}table.data tbody tr{transition:background .14s ease,box-shadow .14s ease}table.data tbody tr:hover{background:color-mix(in srgb,var(--accent-soft) 46%,var(--surface))}table.data tbody tr:focus-within{background:var(--accent-soft)}.pill{min-height:24px;padding:3px 9px;border:1px solid color-mix(in srgb,currentColor 15%,transparent);font-size:10.5px;font-weight:700;letter-spacing:.015em}.pill:before{width:5px;height:5px;box-shadow:0 0 0 2px color-mix(in srgb,currentColor 14%,transparent)}.tag{display:inline-flex;align-items:center;min-height:23px;padding:3px 8px;border-radius:999px;background:var(--surface-3);color:var(--muted);font-size:10.5px;font-weight:700}main :where(.editor,.form.card,.create.card){border-color:color-mix(in srgb,var(--accent) 34%,var(--rule));box-shadow:0 0 0 3px var(--accent-soft),var(--shadow-2)}main :where(.delete-confirm,.danger-card){border-color:color-mix(in srgb,var(--danger) 42%,var(--rule));background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--danger-soft) 45%,var(--surface)))}.form-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--rule-soft)}.empty{min-height:190px;display:grid;place-content:center;justify-items:center;padding:42px 24px}.empty:before{content:"\2726";display:grid;place-items:center;width:42px;height:42px;margin-bottom:12px;border-radius:14px;background:var(--accent-soft);color:var(--accent);font-size:18px}.empty h3{font-size:16px}.empty p{max-width:48ch;margin:4px auto 0;font-size:12.5px}.form-error,.alert{border:1px solid color-mix(in srgb,var(--danger) 24%,transparent);border-left:4px solid var(--danger)}.hint,.note-text{line-height:1.5}main :where(.tiles,.stats,.metrics){gap:14px}main :where(.tile,.stat,.metric).card{position:relative;isolation:isolate}main :where(.tile,.stat,.metric).card:after{content:"";position:absolute;inset:auto -32px -42px auto;z-index:-1;width:110px;height:110px;border-radius:50%;background:var(--accent-glow);filter:blur(22px);pointer-events:none}.skeleton{animation-duration:1.15s}body main .card-pad{padding:16px 20px}body main .input,body main .select,body main input:not([type=checkbox]):not([type=radio]):not([type=range]),body main select{min-height:38px}body main .btn{min-height:36px}body main .form-actions{padding-top:12px}body main .empty{min-height:158px;padding:30px 22px}body main :is([role=tablist],.tabs-row,.filters)>:is(button,.chip) :is(.count,.tab-count){display:inline-grid;place-items:center;min-width:20px;min-height:20px;margin-left:6px;padding:1px 6px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:10.5px;font-weight:800;line-height:1}body main :is([role=tablist],.tabs-row,.filters)>:is(button.active,button[aria-selected=true],.chip.on) :is(.count,.tab-count){background:var(--accent-ink);color:var(--accent);box-shadow:0 1px 4px #0f172a2e}@media(max-width:760px){body{font-size:14px}body main header.page-head:has(h1),body main header.head:has(h1){min-height:auto;margin-bottom:18px;padding-left:14px}body main header.page-head:has(h1) h1,body main header.head:has(h1) h1{font-size:24px}.card{border-radius:14px}.card-head,.card-pad{padding-left:16px;padding-right:16px}table.data th,table.data td{padding-left:13px;padding-right:13px}.form-actions .btn{flex:1 1 auto}}