:root{--ink: #131216;--ink-700: #1b1a20;--ink-600: #232228;--paper: #f6f2ec;--grey-500: #77726c;--grey-300: #a8a39b;--rule: #e3ddd2;--rule-dark: #2a2930;--violet: #9f5cff;--violet-press: #8a45f0;--violet-soft: rgba(159, 92, 255, .14);--violet-bright: #b488ff;--bg: var(--ink);--bg-raised: var(--ink-700);--surface-card: var(--ink-600);--fg: var(--paper);--fg-muted: var(--grey-300);--fg-faint: var(--grey-500);--accent: var(--violet);--accent-display:var(--violet-bright);--accent-soft: var(--violet-soft);--hairline: var(--rule-dark);--hairline-strong: rgba(246, 242, 236, .16);--hover-tint: rgba(246, 242, 236, .06);--press-tint: rgba(246, 242, 236, .1);--danger: #e3574a;--font-ui: Arial, system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--w-light: 300;--w-regular: 400;--w-medium: 500;--w-semibold: 600;--w-bold: 700;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--r-1: 2px;--r-2: 4px;--r-full: 9999px;--ease: cubic-bezier(.2, .6, .2, 1);--dur: .2s;--dur-fast: .12s;--content-max: 1200px}[data-mode=paper]{--bg: var(--paper);--bg-raised: #ffffff;--surface-card: #ffffff;--fg: var(--ink);--fg-muted: var(--grey-500);--fg-faint: rgba(19, 18, 22, .55);--hairline: var(--rule);--hairline-strong: rgba(19, 18, 22, .16);--hover-tint: rgba(19, 18, 22, .04);--press-tint: rgba(19, 18, 22, .08)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-ui);font-weight:var(--w-regular);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent-soft)}button{font-family:var(--font-ui)}.login{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--s-5)}.login-card{width:100%;max-width:400px;display:grid;row-gap:var(--s-6);text-align:center}.lockup{display:flex;align-items:center;justify-content:center;column-gap:var(--s-3)}.lockup-text{font-size:36px;font-weight:var(--w-light);letter-spacing:-.01em;line-height:1;color:var(--fg)}.login-h1{font-size:18px;font-weight:var(--w-medium);margin:0 0 var(--s-1)}.login-sub{font-size:14px;color:var(--fg-muted);margin:0}.login-form{display:grid;row-gap:var(--s-3)}.field{width:100%;background:var(--bg-raised);border:1px solid var(--hairline);border-radius:var(--r-1);padding:13px 14px;color:var(--fg);font-family:var(--font-ui);font-size:15px;outline:none;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.field::placeholder{color:var(--fg-faint)}.field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field.error{border-color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);border:1px solid transparent;border-radius:var(--r-1);font-weight:var(--w-semibold);font-size:14px;line-height:1;padding:14px 16px;cursor:pointer;transition:background var(--dur) var(--ease),opacity var(--dur) var(--ease)}.btn-accent{background:var(--accent);color:var(--paper)}.btn-accent:hover:not([disabled]){background:var(--violet-press)}.btn-ghost{background:transparent;color:var(--fg-muted);border-color:var(--hairline)}.btn-ghost:hover{color:var(--fg)}.btn[disabled]{opacity:.4;cursor:not-allowed}.login-err{min-height:20px;font-size:13px;color:var(--danger);margin:0}.topbar{display:flex;align-items:center;gap:var(--s-4);padding:0 var(--s-5);height:56px;border-bottom:1px solid var(--hairline);background:var(--bg);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-weight:var(--w-medium);font-size:16px}.brand-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-faint);border:1px solid var(--hairline);border-radius:var(--r-1);padding:3px 8px;margin-left:var(--s-2)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:var(--s-4)}.user-email{font-size:13px;color:var(--fg-muted)}.nav{display:flex;gap:var(--s-2);padding:var(--s-4) var(--s-5) 0;border-bottom:1px solid var(--hairline)}.nav-tab{background:none;border:none;cursor:default;color:var(--fg-faint);font-size:14px;font-weight:var(--w-semibold);padding:var(--s-2) var(--s-3) var(--s-3);position:relative}.nav-tab.active{color:var(--fg);cursor:pointer}.nav-tab.active:after{content:"";position:absolute;left:var(--s-3);right:var(--s-3);bottom:-1px;height:2px;background:var(--accent)}.nav-tab .soon{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--fg-faint);margin-left:6px;text-transform:uppercase}.main{max-width:var(--content-max);margin:0 auto;padding:var(--s-7) var(--s-5) var(--s-8)}.empty-card{border:1px solid var(--hairline);border-radius:var(--r-2);background:var(--bg-raised);padding:var(--s-7);max-width:560px;margin:var(--s-8) auto 0;text-align:center}.empty-card h2{font-size:20px;font-weight:var(--w-medium);margin:0 0 var(--s-2)}.empty-card p{color:var(--fg-muted);font-size:14px;margin:0}.caption{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.ctx{display:grid;grid-template-columns:240px 1fr;gap:var(--s-6)}.ctx-rail{display:flex;flex-direction:column;gap:var(--s-1)}.ctx-scope{background:none;border:1px solid transparent;border-radius:var(--r-1);color:var(--fg-muted);text-align:left;cursor:pointer;font-size:14px;font-family:var(--font-ui);padding:9px 10px;transition:background var(--dur) var(--ease),color var(--dur) var(--ease);display:flex;flex-direction:column;gap:2px}.ctx-scope:hover{background:var(--hover-tint);color:var(--fg)}.ctx-scope.active{background:var(--bg-raised);border-color:var(--hairline);color:var(--fg)}.ctx-scope-note{font-size:11px;color:var(--fg-faint)}.ctx-addclient{display:flex;gap:var(--s-2);margin-top:var(--s-3)}.ctx-main{min-width:0}.ctx-head{margin-bottom:var(--s-4)}.ctx-title{font-size:20px;font-weight:var(--w-medium);margin:0 0 4px}.ctx-sub{font-size:13px;color:var(--fg-muted);margin:0}.ctx-drop{border:1px dashed var(--hairline-strong);border-radius:var(--r-2);padding:var(--s-5);text-align:center;color:var(--fg-muted);font-size:13px;cursor:pointer;margin-top:var(--s-4);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.ctx-drop:hover,.ctx-drop.over{border-color:var(--accent);background:var(--accent-soft);color:var(--fg)}.ctx-notice{color:var(--danger);font-size:13px;margin:var(--s-2) 0 0}.ctx-list{margin-top:var(--s-4);display:flex;flex-direction:column}.ctx-row{display:flex;align-items:flex-start;gap:var(--s-4);padding:var(--s-4) var(--s-2);border-top:1px solid var(--hairline)}.ctx-row:last-child{border-bottom:1px solid var(--hairline)}.ctx-row-main{min-width:0;flex:1}.ctx-row-title{font-size:14px;font-weight:var(--w-semibold);display:flex;align-items:center;gap:var(--s-2)}.ctx-row-meta{font-family:var(--font-mono);font-size:11px;color:var(--fg-faint);margin-top:2px}.ctx-row-summary{font-size:13px;color:var(--fg-muted);margin-top:var(--s-2);max-width:70ch}.ctx-row-actions{display:flex;gap:var(--s-2);flex:0 0 auto}.btn-sm{padding:7px 10px;font-size:12px}.chip{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-1);padding:2px 6px}.chip-ok{background:var(--accent-soft);color:var(--accent-display)}.chip-err{background:#e3574a24;color:var(--danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;padding:var(--s-6);z-index:50}.modal{background:var(--bg-raised);border:1px solid var(--hairline);border-radius:var(--r-2);width:min(860px,100%);max-height:80vh;display:flex;flex-direction:column}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--hairline);font-weight:var(--w-semibold);font-size:14px}.modal-body{margin:0;padding:var(--s-4);overflow:auto;font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--fg-muted);white-space:pre-wrap}.users-create{display:grid;grid-template-columns:1.2fr 1.6fr .9fr 1.2fr auto;gap:var(--s-2);margin-bottom:var(--s-4)}.users-field{padding:11px 12px;font-size:14px}select.field{-webkit-appearance:none;-moz-appearance:none;appearance:none}.users-issued{border:1px solid var(--accent);background:var(--accent-soft);border-radius:var(--r-1);padding:var(--s-3) var(--s-4);font-size:13px;margin-bottom:var(--s-4);line-height:1.7}.users-pw{font-family:var(--font-mono);font-size:14px;background:var(--bg);border-radius:var(--r-1);padding:3px 8px;margin:0 8px;-webkit-user-select:all;user-select:all}.users-table{border-top:1px solid var(--hairline)}.users-row{display:grid;grid-template-columns:1.6fr .6fr 1.2fr .9fr .7fr auto;gap:var(--s-3);align-items:center;padding:var(--s-3) var(--s-2);border-bottom:1px solid var(--hairline);font-size:13px}.users-row-head{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-faint)}.users-person{display:flex;flex-direction:column;min-width:0}.users-name{font-weight:var(--w-semibold);font-size:14px}.users-email{color:var(--fg-faint);font-size:12px}.users-dim{color:var(--fg-faint)}.users-select{padding:6px 8px;font-size:12px;width:100%;max-width:200px}.chip-warn{background:#dcb47824;color:#dcb478}