:root{--primary: hsl(230, 85%, 60%);--primary-glow: hsla(230, 85%, 60%, .3);--bg-dark: hsl(222, 47%, 7%);--bg-card: hsla(222, 47%, 12%, .8);--bg-accent: hsl(222, 47%, 15%);--text-main: hsl(210, 40%, 98%);--text-muted: hsl(215, 20%, 65%);--border: hsla(217, 33%, 25%, .5);--success: hsl(150, 80%, 45%);--warning: hsl(40, 90%, 55%);--error: hsl(0, 85%, 60%);--sidebar-width: 280px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,Inter,system-ui,sans-serif;background-color:var(--bg-dark);background-image:radial-gradient(circle at 0% 0%,hsla(230,85%,60%,.05) 0%,transparent 50%),radial-gradient(circle at 100% 100%,hsla(150,80%,45%,.05) 0%,transparent 50%);color:var(--text-main);line-height:1.6;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 32px #0006}.glass-nav{background:#0b111ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--border)}.page-title{font-size:2.2rem;font-weight:800;letter-spacing:-.025em;background:linear-gradient(to right,#fff,#94a3b8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.page-subtitle{color:var(--text-muted);font-size:1.1rem}.data-table{width:100%;border-collapse:separate;border-spacing:0 8px}.data-table th{padding:12px 16px;text-align:left;color:var(--text-muted);font-weight:500;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.data-table td{padding:16px;background:#141f3866}.data-table tr td:first-child{border-radius:12px 0 0 12px}.data-table tr td:last-child{border-radius:0 12px 12px 0}.data-table tr:hover td{background:#1b294b99;transition:background .2s ease}.btn-primary{background:var(--primary);color:#fff;padding:10px 20px;border-radius:10px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 0 var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px var(--primary-glow);filter:brightness(1.1)}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-main);padding:10px 20px;border-radius:10px;transition:all .2s ease}.btn-secondary:hover{background:var(--bg-accent);border-color:var(--text-muted)}.badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.badge-success{background:#17cf7326;color:var(--success)}.badge-warning{background:#f4af2526;color:var(--warning)}.badge-secondary{background:#94a3b826;color:var(--text-muted)}.animate-fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{width:100%;max-width:600px;border-radius:24px!important}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--text-muted);font-size:.9rem}.form-group input,.form-group select,.input-field{width:100%;background:var(--bg-dark);border:1px solid var(--border);padding:12px;border-radius:8px;color:#fff;outline:none;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.input-field:focus{border-color:var(--primary)}#root{width:100%;min-height:100vh}