:root{--brand: #ffb800;--brand-hover: #ff6600;--brand-muted: rgba(255, 184, 0, .16);--brand-ink: #8a6200;--ink: #111;--muted: #6b7280;--muted-light: #9a9a9a;--line: #e5e5e5;--line-soft: #f0f0f0;--bg: #f5f5f5;--surface: #fff;--surface-warm: #fffdf5;--success: #18795d;--success-bg: rgba(29, 158, 117, .14);--danger: #b00020;--danger-bg: rgba(176, 0, 32, .09);--shadow: 0 2px 6px rgba(17, 17, 17, .08);--shadow-lg: 0 10px 30px rgba(17, 17, 17, .14);--radius: 6px;--radius-lg: 8px;--font: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--sidebar-w: 208px;--sidebar-w-rail: 72px;--topbar-h: 56px;--grub-yellow: #ffb800;--grub-orange: #ff6600;--radius-sm: 4px;--radius-md: 8px;--load-bar: .9s;--load-tile: .9s;--load-dots: 1s}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:#ad4804;text-decoration:none}a:hover{color:var(--brand-hover)}button,input,select,textarea{font:inherit}h1,h2,h3{font-family:var(--font);letter-spacing:-.02em;margin:0}.page{padding:0}.page-inner{padding:22px 26px 40px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:none}.btn{appearance:none;border:1px solid var(--brand);border-radius:var(--radius);padding:0 14px;height:32px;cursor:pointer;background:var(--brand);color:var(--ink);font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:#fff}.btn.secondary{background:var(--surface);border-color:var(--line);color:var(--ink);font-weight:600}.btn.secondary:hover{border-color:var(--ink);color:var(--ink);background:var(--surface)}.btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}.btn.dark:hover{background:var(--brand);border-color:var(--brand);color:var(--ink)}.btn.danger{background:var(--surface);border-color:#f0d4d0;color:var(--danger)}.btn.danger:hover{background:var(--danger);border-color:var(--danger);color:#fff}.field{display:grid;gap:6px}.field label,.field>span{font-size:11px;color:var(--muted);font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:0 11px;height:36px;background:var(--surface);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #ffb8002e}.field textarea{height:auto;padding:9px 11px;min-height:80px;resize:vertical}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:9px 14px;border-bottom:1px solid var(--line-soft);vertical-align:middle}.table th{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted-light);font-weight:700;background:#fafafa}.muted{color:var(--muted)}.badge{display:inline-flex;align-items:center;border-radius:3px;padding:4px 7px;font-size:9px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;background:var(--brand-muted);color:var(--brand-ink)}.stack{display:grid;gap:12px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;margin-bottom:14px;flex-wrap:wrap}.error{color:var(--danger);font-size:.9rem}.ok{color:var(--success);font-size:.9rem}.mono{font-family:var(--mono)}.page-header{position:sticky;top:0;z-index:5;background:var(--bg);padding:22px 26px 12px;border-bottom:1px solid #e9e9e9}.page-header h1{font-size:24px;font-weight:800;letter-spacing:-.4px}.page-header p{font-size:13px;color:var(--muted);margin:6px 0 0}.input-search{height:30px;padding:0 10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);font-size:12px;outline:none}.input-search:focus{border-color:var(--brand);box-shadow:0 0 0 3px #ffb8002e}.pill{height:30px;padding:0 11px;border-radius:15px;cursor:pointer;font-size:11px;font-weight:600;border:1px solid var(--line);background:var(--surface);color:var(--muted)}.pill.active{background:var(--brand-muted);border-color:#ffb80099;color:var(--ink)}.data-table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.data-table-row{display:grid;align-items:center;padding:9px 14px;border-bottom:1px solid var(--line-soft);cursor:pointer;text-align:left;width:100%;border-left:none;border-right:none;border-top:none;background:var(--surface);font:inherit;color:inherit}.data-table-row:hover{background:var(--surface-warm)}@media(max-width:1024px){:root{--sidebar-w: 0px}}@keyframes grubDots{0%,20%{opacity:.25}50%{opacity:1}80%,to{opacity:.25}}@keyframes grubTilePop{0%,to{transform:scale(.55);opacity:.35}40%{transform:scale(1);opacity:1}}@keyframes grubBar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){:root{--load-bar: .01ms;--load-tile: .01ms;--load-dots: .01ms}}