:root{color-scheme:light dark;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--line: 1.5;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--control-h: 2.5rem;--control-h-sm: 2.125rem;--control-pad-x: var(--space-3);--control-pad-y: var(--space-2);--r-1: .375rem;--r-2: .75rem;--r-3: 1.25rem;--border-w: 1px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .1);--shadow-2: 0 8px 24px rgba(0, 0, 0, .14);--shadow-3: 0 16px 40px rgba(0, 0, 0, .18);--ease: cubic-bezier(.2, .8, .2, 1);--dur-1: .12s;--dur-2: .2s;--z-popover: 50;--z-toast: 80;--z-modal: 100;--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f1f3f6;--text: #121418;--text-muted: #5b6472;--border: rgba(18, 20, 24, .14);--primary: #3366ff;--primary-ink: #ffffff;--danger: #d64545;--warning: #d18a00;--success: #1b8a5a;--focus: color-mix(in oklab, var(--primary) 65%, white);--focus-ring: 0 0 0 3px color-mix(in oklab, var(--primary) 25%, transparent);--hover: color-mix(in oklab, var(--text) 6%, transparent);--active: color-mix(in oklab, var(--text) 10%, transparent);--primary-hover: color-mix(in oklab, var(--primary) 88%, black);--primary-active: color-mix(in oklab, var(--primary) 78%, black)}@media(prefers-color-scheme:dark){:root{--bg: #0c0d10;--surface: #13151a;--surface-2: #171a20;--text: #e8ebf2;--text-muted: #a2a9b6;--border: rgba(232, 235, 242, .14);--shadow-1: 0 1px 2px rgba(0, 0, 0, .35);--shadow-2: 0 10px 30px rgba(0, 0, 0, .45);--shadow-3: 0 18px 48px rgba(0, 0, 0, .55)}}[data-density=compact]{--control-h: 2.25rem;--control-h-sm: 2rem}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}html{font-family:var(--font-sans);font-size:16px;line-height:var(--line)}body{margin:0;background:var(--bg);color:var(--text)}img,svg,video,canvas{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}:focus{outline:none}:focus-visible{box-shadow:var(--focus-ring);border-color:var(--focus)}@media(prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}.surface{background:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--r-2);box-shadow:var(--shadow-1)}.card{background:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--r-2);box-shadow:var(--shadow-1);padding:var(--space-4)}.panel{background:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--r-2);box-shadow:var(--shadow-2);overflow:hidden}.panel>.header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-2);border-bottom:var(--border-w) solid var(--border)}.panel>.header>.title{font-size:var(--text-sm);font-weight:600}.panel>.body{padding:var(--space-4)}.panel>.footer{padding:var(--space-3) var(--space-4);background:var(--surface-2);border-top:var(--border-w) solid var(--border)}.divider{height:1px;background:var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-h);padding:0 var(--control-pad-x);border-radius:var(--r-1);border:var(--border-w) solid var(--border);background:var(--surface);box-shadow:var(--shadow-1);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--dur-1) var(--ease),background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}.btn:hover{background:color-mix(in oklab,var(--surface) 92%,var(--hover))}.btn:active{transform:translateY(1px);background:color-mix(in oklab,var(--surface) 90%,var(--active))}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.btn.sm{height:var(--control-h-sm);padding:0 var(--space-3);font-size:var(--text-sm)}.btn.icon{width:var(--control-h);padding:0}.btn.icon.sm{width:var(--control-h-sm)}.btn.primary{background:var(--primary);color:var(--primary-ink);border-color:color-mix(in oklab,var(--primary) 70%,black)}.btn.primary:hover{background:var(--primary-hover)}.btn.primary:active{background:var(--primary-active)}.btn.ghost{background:transparent;border-color:transparent;box-shadow:none}.btn.ghost:hover{background:var(--hover)}.btn.ghost:active{background:var(--active)}.btn.danger{background:var(--danger);color:#fff;border-color:color-mix(in oklab,var(--danger) 70%,black)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field>.label{font-size:var(--text-sm);color:var(--text-muted)}.field>.help{font-size:var(--text-xs);color:var(--text-muted)}.field>.error{font-size:var(--text-xs);color:var(--danger)}.field.invalid .input,.field.invalid .select,.field.invalid .textarea{border-color:color-mix(in oklab,var(--danger) 70%,white);box-shadow:0 0 0 3px color-mix(in oklab,var(--danger) 18%,transparent)}.input,.select,.textarea{width:100%;height:var(--control-h);padding:var(--control-pad-y) var(--control-pad-x);border-radius:var(--r-1);border:var(--border-w) solid var(--border);background:var(--surface);transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}:is(.input,.select,.textarea):hover{background:color-mix(in oklab,var(--surface) 95%,var(--hover))}:is(.input,.select,.textarea):disabled{opacity:.6;cursor:not-allowed}.textarea{height:auto;min-height:calc(var(--control-h) * 2);resize:vertical}.check{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none}.check input{width:1rem;height:1rem}.tabs{display:flex;gap:var(--space-2);padding:var(--space-2);background:var(--surface-2);border:var(--border-w) solid var(--border);border-radius:var(--r-2)}.tabs>.tab{height:var(--control-h-sm);padding:0 var(--space-3);border-radius:var(--r-1);border:var(--border-w) solid transparent;background:transparent;cursor:pointer}.tabs>.tab:hover{background:var(--hover)}.tabs>.tab[aria-selected=true]{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-1)}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-sm)}.table th,.table td{padding:var(--space-2) var(--space-3);border-bottom:var(--border-w) solid var(--border)}.table th{text-align:left;color:var(--text-muted);font-weight:600}.table tr:hover td{background:color-mix(in oklab,var(--surface) 92%,var(--hover))}.list-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:var(--border-w) solid var(--border);border-radius:var(--r-1);background:var(--surface)}.list-item:hover{background:color-mix(in oklab,var(--surface) 92%,var(--hover))}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.125rem .5rem;border-radius:999px;font-size:var(--text-xs);border:var(--border-w) solid var(--border);background:var(--surface-2)}.badge.primary{border-color:color-mix(in oklab,var(--primary) 35%,var(--border));background:color-mix(in oklab,var(--primary) 12%,var(--surface));color:color-mix(in oklab,var(--primary) 70%,var(--text))}.badge.danger{border-color:color-mix(in oklab,var(--danger) 35%,var(--border));background:color-mix(in oklab,var(--danger) 12%,var(--surface));color:color-mix(in oklab,var(--danger) 70%,var(--text))}.popover{position:absolute;z-index:var(--z-popover);min-width:12rem;padding:var(--space-2);background:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--r-2);box-shadow:var(--shadow-3)}.popover .menu{display:flex;flex-direction:column;gap:var(--space-1)}.popover .menu>.item{padding:var(--space-2) var(--space-3);border-radius:var(--r-1);cursor:pointer}.popover .menu>.item:hover{background:var(--hover)}.popover .menu>.item:active{background:var(--active)}.modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal);background:#00000073;display:grid;place-items:center;padding:var(--space-6)}.modal-backdrop>.modal{width:min(40rem,100%);max-height:min(80vh,48rem);overflow:hidden;background:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--r-3);box-shadow:var(--shadow-3);display:grid;grid-template-rows:auto 1fr auto}.modal-backdrop>.modal>.header{padding:var(--space-4);background:var(--surface-2);border-bottom:var(--border-w) solid var(--border)}.modal-backdrop>.modal>.body{padding:var(--space-4);overflow:auto}.modal-backdrop>.modal>.footer{padding:var(--space-4);background:var(--surface-2);border-top:var(--border-w) solid var(--border);display:flex;justify-content:flex-end;gap:var(--space-2)}.toasts{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2)}.toasts>.toast{width:min(22rem,calc(100vw - 2 * var(--space-4)));padding:var(--space-3) var(--space-4);background:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--r-2);box-shadow:var(--shadow-2)}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--text) 18%,transparent);border:3px solid transparent;background-clip:padding-box;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab,var(--text) 26%,transparent);border:3px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-track{background:transparent}