:root{--bg:#ffffff;--fg:#0a0d16;--muted:#64748b;--border:#e2e8f0;--accent:#6366f1;--accent-fg:#ffffff;--ok:#16a34a;--warn:#d97706;--error:#dc2626;--idle:#94a3b8;--card-bg:#f8fafc;--radius:8px}.dark,[data-theme=dark]{--bg:#05070d;--fg:#f1f5f9;--muted:#94a3b8;--border:#1a2036;--accent:#a855f7;--accent-fg:#ffffff;--card-bg:#0a0d16}.tui-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;color:var(--fg)}.tui-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid var(--border)}.tui-badge-dot{width:.5rem;height:.5rem;border-radius:999px}.tui-table{width:100%;border-collapse:collapse;color:var(--fg)}.tui-table td,.tui-table th{padding:.5rem .75rem;border-bottom:1px solid var(--border);text-align:left;font-size:.875rem}.tui-table th{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:600}.tui-sidebar{display:flex;flex-direction:column;gap:.25rem;padding:1rem;background:var(--card-bg);border-right:1px solid var(--border);min-height:100vh;width:240px}.tui-sidebar a{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius);color:var(--fg);text-decoration:none;font-size:.875rem}.tui-sidebar a[aria-current=page]{background:var(--accent);color:var(--accent-fg)}.tui-topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg);color:var(--fg)}.tui-skeleton{display:inline-block;background:linear-gradient(90deg,var(--border) 0,var(--card-bg) 50%,var(--border) 100%);background-size:200% 100%;animation:tui-skeleton 1.4s ease-in-out infinite;border-radius:4px}@keyframes tui-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.tui-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:50}.tui-modal{background:var(--bg);border:1px solid var(--border);padding:1.25rem;min-width:320px;max-width:560px}.tui-modal,.tui-toast{color:var(--fg);border-radius:var(--radius)}.tui-toast{padding:.75rem 1rem;border:1px solid var(--border);background:var(--card-bg);font-size:.875rem}.tui-toast[data-variant=success]{border-color:var(--ok)}.tui-toast[data-variant=error]{border-color:var(--error)}.tui-toast[data-variant=info]{border-color:var(--accent)}.tui-empty{text-align:center;padding:2rem;color:var(--muted)}.tui-btn{padding:.5rem .875rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--accent);color:var(--accent-fg);font-size:.875rem;cursor:pointer}.tui-btn-ghost{background:transparent;color:var(--fg)}.tui-metric{display:flex;flex-direction:column;gap:.25rem}.tui-metric-title{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.tui-metric-value{font-size:1.75rem;font-weight:700}.tui-metric-trend{font-size:.75rem}.tui-metric-trend[data-dir=up]{color:var(--ok)}.tui-metric-trend[data-dir=down]{color:var(--error)}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body,html{padding:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--fg)}a{color:inherit}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.app-content,.app-main{display:flex;flex-direction:column}.app-content{padding:1.5rem;gap:1.5rem}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.status-strip{display:flex;flex-wrap:wrap;gap:.5rem}.page-title{font-size:1.5rem;margin:0}.form-card{max-width:360px;margin:4rem auto}.form-card label{display:block;font-size:.875rem;margin-bottom:.25rem;color:var(--muted)}.form-card input,.form-card select{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);margin-bottom:.875rem;font-size:.875rem}.usage-bar{width:100%;height:8px;background:var(--border);border-radius:999px;overflow:hidden}.usage-bar>div{height:100%;background:var(--accent)}