:root{--bg-primary: #09090b;--bg-secondary: #111114;--bg-card: #18181b;--bg-card-hover: #1f1f23;--bg-elevated: #27272a;--bg-input: #0e0e11;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent: #3b82f6;--accent-hover: #2563eb;--accent-glow: rgba(59, 130, 246, .15);--success: #22c55e;--success-bg: rgba(34, 197, 94, .1);--success-border: rgba(34, 197, 94, .25);--warning: #eab308;--warning-bg: rgba(234, 179, 8, .1);--warning-border: rgba(234, 179, 8, .25);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--danger-border: rgba(239, 68, 68, .25);--border: #27272a;--border-subtle: #1f1f23;--ring: rgba(59, 130, 246, .5);--sidebar-width: 240px;--topbar-height: 56px;--radius: 8px;--radius-lg: 12px;--radius-sm: 6px}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv11","ss01";background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-size:14px}#root{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes progressShrink{0%{width:100%}to{width:0%}}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.4}}.animate-fadeIn{animation:fadeIn .2s ease-out}.animate-slideUp{animation:slideUp .25s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--bg-secondary);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.main-content{flex:1;overflow-y:auto;padding:2rem 2.5rem;animation:fadeIn .2s ease-out}.topbar{height:var(--topbar-height);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background-color:var(--bg-secondary);flex-shrink:0}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;margin:2px .75rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:450;border-radius:var(--radius-sm);transition:all .15s ease;border-left:none}.nav-link:hover{color:var(--text-primary);background-color:#ffffff0d}.nav-link.active{color:var(--accent);background-color:var(--accent-glow);font-weight:550}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;border:1px solid var(--border-subtle);transition:border-color .15s ease,box-shadow .15s ease}.card:hover{border-color:var(--border)}.card-accent-blue{border-left:3px solid var(--accent)}.card-accent-green{border-left:3px solid var(--success)}.card-accent-yellow{border-left:3px solid var(--warning)}.card-accent-red{border-left:3px solid var(--danger)}.stat-card{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;border:1px solid var(--border-subtle);transition:border-color .15s ease,transform .15s ease}.stat-card:hover{border-color:var(--border);transform:translateY(-1px)}.stat-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.stat-value{font-size:1.75rem;font-weight:700;letter-spacing:-.025em;line-height:1.2}.stat-sub{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:2rem}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:.625rem 1rem;color:var(--text-muted);font-weight:500;font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);background-color:var(--bg-secondary);white-space:nowrap}td{padding:.625rem 1rem;border-bottom:1px solid var(--border-subtle);font-size:.875rem}tr{transition:background-color .1s ease}tbody tr:hover{background-color:var(--bg-card-hover)}tbody tr:last-child td{border-bottom:none}input,select,textarea{background-color:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.875rem;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--ring)}input::placeholder,textarea::placeholder{color:var(--text-muted)}label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}fieldset{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}legend{font-size:.8125rem;font-weight:600;padding:0 .5rem;color:var(--text-secondary)}button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;font-size:.8125rem;font-family:inherit;transition:all .15s ease;white-space:nowrap;line-height:1.4}button:hover{background-color:var(--bg-card-hover);border-color:var(--text-muted)}button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ring)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background-color:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}button.primary:focus-visible{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--accent)}button.danger{color:var(--danger);border-color:var(--danger-border);background:var(--danger-bg)}button.danger:hover{background-color:#ef444433;border-color:var(--danger)}button.ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}button.ghost:hover{color:var(--text-primary);background:#ffffff0d}.btn-sm{padding:.25rem .625rem;font-size:.75rem}.btn-icon{padding:.375rem;line-height:1}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.2rem .625rem;border-radius:999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge.success{background-color:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.badge.success .badge-dot{background-color:var(--success);animation:dotPulse 2s ease-in-out infinite}.badge.warning{background-color:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.badge.warning .badge-dot{background-color:var(--warning)}.badge.danger{background-color:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.badge.danger .badge-dot{background-color:var(--danger)}.badge.neutral{background-color:#a1a1aa1a;color:var(--text-secondary);border:1px solid rgba(161,161,170,.2)}.badge.neutral .badge-dot{background-color:var(--text-muted)}.login-container{display:flex;align-items:center;justify-content:center;height:100vh;background-color:var(--bg-primary);background-image:radial-gradient(ellipse at 50% 0%,rgba(59,130,246,.08) 0%,transparent 60%)}.login-card{width:100%;max-width:400px;animation:slideUp .3s ease-out}.modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease-out}.modal-content{animation:slideUp .2s ease-out}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-accent{color:var(--accent)}.text-xs{font-size:.6875rem}.text-sm{font-size:.8125rem}.text-base{font-size:.875rem}.text-lg{font-size:1rem}.text-xl{font-size:1.125rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-mono{font-family:SF Mono,Cascadia Code,Fira Code,monospace}.font-semibold{font-weight:600}.font-bold{font-weight:700}.flex-row{display:flex;align-items:center;gap:.5rem}.space-between{justify-content:space-between}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-muted);gap:.75rem}.empty-state svg{opacity:.4}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.page-title{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.toolbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:1rem}.section-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}