:root{--bg: #070a13;--bg-deep: #03050a;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .07);--bg-input: rgba(15, 23, 42, .65);--bg-modal: #0c101d;--bg-sidebar: rgba(10, 14, 26, .85);--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .15);--border-glow: rgba(99, 102, 241, .4);--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-400: #818cf8;--indigo-dim: rgba(99, 102, 241, .15);--cyan-500: #06b6d4;--cyan-400: #22d3ee;--cyan-dim: rgba(6, 182, 212, .15);--violet-500: #8b5cf6;--violet-dim: rgba(139, 92, 246, .15);--emerald-500: #10b981;--emerald-400: #34d399;--emerald-dim: rgba(16, 185, 129, .15);--amber-500: #f59e0b;--amber-400: #fbbf24;--amber-dim: rgba(245, 158, 11, .15);--rose-500: #f43f5e;--rose-400: #fb7185;--rose-dim: rgba(244, 63, 94, .15);--text: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--font: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--sidebar-width: 250px;--header-height: 64px;--radius: 12px;--radius-sm: 8px;--radius-lg: 18px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow: 0 8px 30px rgba(0, 0, 0, .45);--glow-indigo: 0 0 25px rgba(99, 102, 241, .25);--glow-cyan: 0 0 25px rgba(6, 182, 212, .2);--transition: all .2s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background-color:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.glass-panel{background:var(--bg-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.glass-panel:hover{border-color:var(--border-light)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,var(--indigo-500),var(--indigo-600));color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px #6366f14d;text-decoration:none}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--indigo-400),var(--indigo-500));box-shadow:0 6px 20px #6366f173;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:#ffffff0d;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);text-decoration:none}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:var(--border-light);transform:translateY(-1px)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-success{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,var(--emerald-500),#059669);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px #10b9814d}.btn-success:hover:not(:disabled){box-shadow:0 6px 20px #10b98173;transform:translateY(-1px)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:#f43f5e26;color:var(--rose-400);border:1px solid rgba(244,63,94,.3);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-danger:hover:not(:disabled){background:#f43f5e40;border-color:var(--rose-400)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-label{font-size:.8125rem;font-weight:600;color:var(--text-muted);display:flex;align-items:center;justify-content:space-between}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:.875rem;outline:none;transition:var(--transition)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--indigo-500);box-shadow:0 0 0 3px #6366f133;background:#0f172ad9}.form-select option{background:#0f172a;color:var(--text)}.form-textarea{resize:vertical;min-height:80px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.badge-emerald{background:var(--emerald-dim);color:var(--emerald-400);border:1px solid rgba(16,185,129,.25)}.badge-amber{background:var(--amber-dim);color:var(--amber-400);border:1px solid rgba(245,158,11,.25)}.badge-rose{background:var(--rose-dim);color:var(--rose-400);border:1px solid rgba(244,63,94,.25)}.badge-indigo{background:var(--indigo-dim);color:var(--indigo-400);border:1px solid rgba(99,102,241,.25)}.badge-cyan{background:var(--cyan-dim);color:var(--cyan-400);border:1px solid rgba(6,182,212,.25)}.data-table-container{width:100%;overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card)}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.data-table th{padding:12px 16px;background:#ffffff05;color:var(--text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.data-table td{padding:14px 16px;border-bottom:1px solid var(--border);color:var(--text)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-card-hover)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#03050acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-content{background:var(--bg-modal);border:1px solid var(--border-light);border-radius:var(--radius-lg);max-width:580px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0009,var(--glow-indigo);padding:28px}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}