:root{--bg: #0f172a;--panel: #111c33;--raised: #182442;--shadow-dark: #060a12;--shadow-light: #182442;--fg: #f1f5f9;--dim: #94a3b8;--acc: #4f46e5;--acc2: #818cf8;--ok: #34d399;--warn: #fbbf24;--bad: #f87171;--raised-shadow: 8px 8px 16px var(--shadow-dark), -8px -8px 16px var(--shadow-light);--raised-sm: 5px 5px 10px var(--shadow-dark), -5px -5px 10px var(--shadow-light);--inset: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light);--inset-sm: inset 3px 3px 6px var(--shadow-dark), inset -3px -3px 6px var(--shadow-light)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.5 ui-sans-serif,system-ui,-apple-system,sans-serif}a{color:var(--acc2)}button,input{min-height:44px;font:inherit;color:var(--fg);background:var(--panel);border:0;border-radius:12px;padding:8px 12px;box-shadow:var(--raised-sm)}button{cursor:pointer;transition:box-shadow .16s ease,transform .16s ease}button:hover:not(:disabled){box-shadow:var(--raised-shadow)}button:active:not(:disabled){box-shadow:var(--inset-sm);transform:scale(.97)}button:disabled{opacity:.5;cursor:default}input{box-shadow:var(--inset-sm)}button:focus{outline:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--acc2);outline-offset:2px}input:focus{outline:2px solid var(--acc2);outline-offset:2px}::selection{background:#4f46e588;color:var(--fg)}.card{background:var(--panel);border:0;border-radius:20px;padding:16px;box-shadow:var(--raised-shadow)}.grid{display:grid;gap:16px}.row{display:flex;gap:10px;align-items:center}.dim{color:var(--dim)}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.bar{height:8px;border-radius:4px;background:var(--panel);box-shadow:var(--inset-sm);overflow:hidden}.bar>i{display:block;height:100%;background:var(--acc);border-radius:inherit}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px}th{color:var(--dim);font-weight:500;font-size:12px;text-transform:uppercase}tbody tr+tr{box-shadow:0 -1px 0 var(--shadow-light)}.danger{color:var(--bad)}.confirm-delete{display:grid;gap:10px;padding:12px;border-radius:14px;box-shadow:var(--inset-sm)}.confirm-delete .actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}