:root,:root[data-theme=light]{--bg:oklch(.985 .006 72);--bg-sunken:oklch(.963 .009 72);--surface:oklch(1 0 0);--surface-2:oklch(.978 .007 72);--border:oklch(.905 .011 66);--border-strong:oklch(.84 .014 64);--text:oklch(.255 .013 52);--text-muted:oklch(.52 .012 54);--text-faint:oklch(.66 .01 56);--accent:oklch(.635 .165 36);--accent-hover:oklch(.565 .165 36);--accent-soft:oklch(.945 .038 44);--accent-line:oklch(.86 .07 42);--accent-text:oklch(.46 .158 36);--amber:oklch(.755 .135 68);--amber-soft:oklch(.952 .048 76);--amber-line:oklch(.86 .09 72);--amber-text:oklch(.52 .115 62);--green:oklch(.64 .125 156);--green-soft:oklch(.945 .04 158);--green-line:oklch(.84 .07 156);--green-text:oklch(.45 .105 156);--red:oklch(.575 .19 26);--red-soft:oklch(.945 .042 30);--red-line:oklch(.85 .08 28);--red-text:oklch(.5 .17 27);--shadow-sm:0 1px 2px rgba(40,28,18,.06),0 1px 3px rgba(40,28,18,.05);--shadow-md:0 2px 6px rgba(40,28,18,.06),0 8px 24px rgba(40,28,18,.07);--shadow-pop:0 8px 30px rgba(40,28,18,.14),0 0 0 1px rgba(40,28,18,.05)}:root[data-theme=dark]{--bg:oklch(.205 .009 62);--bg-sunken:oklch(.172 .008 62);--surface:oklch(.238 .01 62);--surface-2:oklch(.272 .011 62);--border:oklch(.318 .011 62);--border-strong:oklch(.4 .013 62);--text:oklch(.955 .005 74);--text-muted:oklch(.715 .011 64);--text-faint:oklch(.555 .011 62);--accent:oklch(.7 .155 42);--accent-hover:oklch(.765 .155 42);--accent-soft:oklch(.315 .062 40);--accent-line:oklch(.42 .09 40);--accent-text:oklch(.8 .135 46);--amber:oklch(.8 .13 76);--amber-soft:oklch(.33 .055 70);--amber-line:oklch(.44 .08 72);--amber-text:oklch(.84 .115 78);--green:oklch(.72 .13 156);--green-soft:oklch(.305 .052 158);--green-line:oklch(.4 .075 156);--green-text:oklch(.8 .115 158);--red:oklch(.655 .18 28);--red-soft:oklch(.32 .072 28);--red-line:oklch(.43 .1 28);--red-text:oklch(.8 .13 30);--shadow-sm:0 1px 2px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.24);--shadow-md:0 2px 6px rgba(0,0,0,.28),0 10px 28px rgba(0,0,0,.34);--shadow-pop:0 10px 34px rgba(0,0,0,.5),0 0 0 1px rgba(0,0,0,.4)}*,:after,:before{box-sizing:border-box}body{margin:0;font-family:Hanken Grotesk,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;letter-spacing:-.005em}.mono{font-family:JetBrains Mono,ui-monospace,monospace;letter-spacing:-.02em;font-feature-settings:"zero" 1}.tnum{font-variant-numeric:tabular-nums}.row{display:flex;align-items:center;gap:10px}.spacer{flex:1}.card{border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm)}.btn,.card{background:var(--surface)}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:9px;border:1px solid var(--border-strong);color:var(--text);font-weight:600;font-size:13px;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .12s,border-color .12s,box-shadow .12s}.btn:hover{background:var(--surface-2)}.btn svg{width:15px;height:15px}.btn-primary{background:var(--accent);border-color:transparent;color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--surface-2)}.btn-sm{padding:6px 10px;font-size:12px;border-radius:8px}.btn:disabled{opacity:.55;cursor:not-allowed}.ipt{width:100%;padding:9px 12px;border-radius:9px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.ipt::-moz-placeholder{color:var(--text-faint)}.ipt::placeholder{color:var(--text-faint)}.ipt:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px oklch(from var(--accent) l c h/.15)}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 8px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:-.01em;border:1px solid transparent;white-space:nowrap}.pill .dot{width:6px;height:6px;border-radius:50%}.pill-green{background:var(--green-soft);color:var(--green-text);border-color:var(--green-line)}.pill-green .dot{background:var(--green)}.pill-amber{background:var(--amber-soft);color:var(--amber-text);border-color:var(--amber-line)}.pill-amber .dot{background:var(--amber)}.pill-red{background:var(--red-soft);color:var(--red-text);border-color:var(--red-line)}.pill-red .dot{background:var(--red)}.pill-neutral{background:var(--surface-2);color:var(--text-muted);border-color:var(--border)}.pill-neutral .dot{background:var(--text-faint)}.meter{height:7px;border-radius:999px;background:var(--surface-2);overflow:hidden;border:1px solid var(--border)}.meter>i{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width .3s ease}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);padding:0 14px 10px}.tbl td{padding:13px 14px;border-top:1px solid var(--border);vertical-align:middle}.tbl tr:hover td{background:var(--surface-2)}.avatar{width:30px;height:30px;border-radius:8px;flex:0 0 30px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--accent-text);background:var(--accent-soft)}.page-h{display:flex;align-items:flex-end;gap:14px;margin-bottom:20px}.page-title{font-size:23px;font-weight:700;letter-spacing:-.025em}.page-desc{font-size:13.5px;color:var(--text-muted);margin-top:3px}.scrim{position:fixed;inset:0;background:#140e086b;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);z-index:50}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}