:root{--bg:#f6f7f9;--bg-card:#fff;--bg-soft:#eef0f3;--bg-sidebar:#0f1419;--bg-sidebar-hover:#1c2128;--fg:#111827;--fg-muted:#4b5563;--fg-soft:#6b7280;--fg-on-dark:#f9fafb;--fg-on-dark-muted:#9ca3af;--accent:#ff6a3d;--accent-hover:#f25627;--accent-ink:#fff;--accent-soft:rgba(255,106,61,.1);--success:#16a34a;--success-soft:rgba(22,163,74,.1);--danger:#dc2626;--danger-soft:rgba(220,38,38,.1);--warning:#d97706;--warning-soft:rgba(217,119,6,.1);--info:#2563eb;--info-soft:rgba(37,99,235,.1);--border:#e5e7eb;--border-strong:#d1d5db;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;--fs-h1:28px;--fs-h2:22px;--fs-h3:17px;--fs-body:14px;--fs-small:13px;--fs-mono:12px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--shadow-card:0 1px 2px rgba(15,20,25,.05);--shadow-popover:0 12px 24px rgba(15,20,25,.12)}*,:after,:before{box-sizing:border-box}body,html{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.5;margin:0;min-height:100vh;padding:0;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg);cursor:pointer;font-family:inherit;font-size:var(--fs-body);font-weight:500;padding:8px 14px;transition:background .12s,border-color .12s}button:hover{background:var(--bg-soft)}button:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--bg-soft)}input,select,textarea{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg);font-family:inherit;font-size:var(--fs-body);outline:none;padding:8px 12px;transition:border-color .12s,box-shadow .12s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}h1{font-size:var(--fs-h1);font-weight:700;letter-spacing:-.02em;margin:0}h2{font-size:var(--fs-h2);letter-spacing:-.01em}h2,h3{font-weight:600;margin:0}h3{font-size:var(--fs-h3)}p{margin:0}table{border-collapse:collapse;width:100%}td,th{padding:12px 16px;text-align:left}th{background:var(--bg-soft);color:var(--fg-soft);font-size:var(--fs-small);font-weight:600;letter-spacing:.04em;text-transform:uppercase}td,th{border-bottom:1px solid var(--border)}td{font-size:var(--fs-body)}tbody tr:hover{background:var(--bg-soft)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.badge{align-items:center;background:var(--bg-soft);border-radius:var(--radius-pill);color:var(--fg-muted);display:inline-flex;font-size:var(--fs-small);font-weight:600;gap:4px;padding:3px 10px}.badge--success{background:var(--success-soft);color:var(--success)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--warning{background:var(--warning-soft);color:var(--warning)}.badge--info{background:var(--info-soft);color:var(--info)}.badge--accent{background:var(--accent-soft);color:var(--accent)}.mono{font-family:var(--font-mono);font-size:var(--fs-mono)}.skeleton{animation:skeleton-pulse 1.4s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-soft) 0,var(--bg) 50%,var(--bg-soft) 100%);background-size:200% 100%;border-radius:var(--radius-sm)}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}