:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--border-color: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-emerald: #10b981;--accent-emerald-hover: #059669;--accent-indigo: #6366f1;--accent-indigo-hover: #4f46e5;--accent-amber: #f59e0b;--accent-red: #ef4444;--accent-purple: #8b5cf6;--accent-cyan: #06b6d4;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 8px;--radius-lg: 12px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--accent-indigo);text-decoration:none}a:hover{color:var(--accent-indigo-hover)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:260px;padding:24px 32px;min-height:100vh}.page-header{margin-bottom:28px}.page-header h1{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary)}.page-header p{color:var(--text-secondary);font-size:14px;margin-top:4px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px 24px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow);transition:transform .2s,border-color .2s}.stat-card:hover{transform:translateY(-2px);border-color:var(--accent-indigo)}.stat-icon{width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:22px}.stat-icon.emerald{background:rgba(16,185,129,.15);color:var(--accent-emerald)}.stat-icon.indigo{background:rgba(99,102,241,.15);color:var(--accent-indigo)}.stat-icon.amber{background:rgba(245,158,11,.15);color:var(--accent-amber)}.stat-icon.red{background:rgba(239,68,68,.15);color:var(--accent-red)}.stat-icon.purple{background:rgba(139,92,246,.15);color:var(--accent-purple)}.stat-icon.cyan{background:rgba(6,182,212,.15);color:var(--accent-cyan)}.stat-info h3{font-size:26px;font-weight:700;font-family:var(--font-display);letter-spacing:-.5px}.stat-info p{font-size:13px;color:var(--text-secondary);margin-top:2px}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{text-align:left;padding:12px 16px;color:var(--text-secondary);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.data-table td{padding:12px 16px;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.data-table tr:hover td{background:rgba(99,102,241,.05)}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-success{background:rgba(16,185,129,.15);color:var(--accent-emerald)}.badge-warning{background:rgba(245,158,11,.15);color:var(--accent-amber)}.badge-danger{background:rgba(239,68,68,.15);color:var(--accent-red)}.badge-info{background:rgba(99,102,241,.15);color:var(--accent-indigo)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:var(--accent-indigo);color:#fff}.btn-primary:hover{background:var(--accent-indigo-hover)}.btn-success{background:var(--accent-emerald);color:#fff}.btn-success:hover{background:var(--accent-emerald-hover)}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{border-color:var(--accent-indigo);color:var(--accent-indigo)}.btn-sm{padding:6px 12px;font-size:12px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.form-control{width:100%;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:14px;transition:border-color .2s}.form-control:focus{outline:none;border-color:var(--accent-indigo);box-shadow:0 0 0 3px #6366f126}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:28px;width:500px;max-width:90vw;box-shadow:0 25px 50px -12px #00000080}.modal-content h2{font-family:var(--font-display);font-size:22px;margin-bottom:20px;letter-spacing:-.3px}.mono{font-family:var(--font-mono);font-size:13px}.text-emerald{color:var(--accent-emerald)}.text-amber{color:var(--accent-amber)}.text-red{color:var(--accent-red)}.text-indigo{color:var(--accent-indigo)}