@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--bg-primary:#f8fafc;--bg-surface:#fff;--bg-surface-2:#f1f5f9;--bg-surface-3:#e2e8f0;--accent:#2563eb;--accent-dim:#1d4ed8;--accent-glow:rgba(37,99,235,.12);--accent-subtle:rgba(37,99,235,.08);--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-faint:#94a3b8;--border-subtle:#e2e8f0;--border-medium:#cbd5e1;--border-strong:#94a3b8;--success:#16a34a;--success-bg:rgba(22,163,74,.08);--warning:#d97706;--warning-bg:rgba(217,119,6,.08);--danger:#dc2626;--danger-bg:rgba(220,38,38,.08);--info:#2563eb;--info-bg:rgba(37,99,235,.08);--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--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;--space-16:64px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--shadow-sm:0 1px 3px rgba(15,23,42,.06),0 1px 2px rgba(15,23,42,.04);--shadow-md:0 4px 16px rgba(15,23,42,.08),0 2px 4px rgba(15,23,42,.04);--shadow-lg:0 8px 32px rgba(15,23,42,.12),0 4px 8px rgba(15,23,42,.06);--shadow-accent:0 0 20px rgba(37,99,235,.12);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms ease;--sidebar-width:240px;--sidebar-rail-width:60px;--topbar-height:60px;--sidebar-bg:#1e293b;--sidebar-border:#334155;--sidebar-text:#94a3b8;--sidebar-text-hover:#f1f5f9;--sidebar-hover-bg:hsla(0,0%,100%,.06);--sidebar-active-bg:rgba(37,99,235,.18);--sidebar-active-fg:#60a5fa}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}::selection{background:var(--accent-glow);color:var(--text-primary)}.app-shell{height:100vh}.app-shell,.main-content{display:flex;overflow:hidden}.main-content{flex:1 1;flex-direction:column;transition:margin-left var(--transition-normal)}.page-content{flex:1 1;overflow-y:auto;padding:var(--space-6)}h1{font-size:1.75rem;font-weight:700;line-height:1.25}h2{font-size:1.375rem;line-height:1.3}h2,h3{font-weight:600}h3{font-size:1.125rem;line-height:1.35}h4{font-size:1rem}h4,h5{font-weight:600;line-height:1.4}h5{font-size:.875rem}.text-xs{font-size:.75rem}.text-sm{font-size:.8125rem}.text-base{font-size:.875rem}.text-lg{font-size:1rem}.text-xl{font-size:1.125rem}.muted{color:var(--text-muted)}.truncate{text-overflow:ellipsis}.sr-only,.truncate{overflow:hidden;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border-width:0}input,select,textarea{font-family:var(--font-sans);font-size:.875rem;color:var(--text-primary);background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}input::placeholder,textarea::placeholder{color:var(--text-faint)}select option{background:var(--bg-surface);color:var(--text-primary)}label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-1)}table{width:100%;border-collapse:collapse;font-size:.875rem}thead{background:var(--bg-surface-2)}thead th{text-align:left;padding:var(--space-3) var(--space-4);color:var(--text-muted);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-medium);white-space:nowrap}tbody tr{border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast)}tbody tr:hover{background:var(--bg-surface-2)}tbody td{padding:var(--space-3) var(--space-4);color:var(--text-primary);vertical-align:middle}tbody tr:last-child{border-bottom:none}hr{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-4) 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 12px 4px var(--accent-glow)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--transition-normal) both}.skeleton{background:linear-gradient(90deg,var(--bg-surface-2) 25%,var(--bg-surface-3) 50%,var(--bg-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}#toast-root{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);z-index:9999;pointer-events:none}.scroll-area{overflow-y:auto;scrollbar-gutter:stable}