@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Roboto:wght@500;700&display=swap";:root{--bg-deep:#f8fafc;--bg-panel:#fff;--bg-panel-high:#f1f5f9;--primary:#2563eb;--primary-glow:#2563eb26;--secondary:#64748b;--secondary-glow:transparent;--accent-purple:#7c3aed;--accent-emerald:#059669;--accent-crimson:#dc2626;--glass-blur:none;--glass-border:#e2e8f0;--glass-border-bright:#cbd5e1;--glass-shadow:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--font-header:"Roboto", sans-serif;--font-body:"Inter", sans-serif;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--radius-lg:12px;--radius-md:8px;--radius-sm:6px;--transition-ultra:all .3s ease;--transition-snap:all .15s ease-out}[data-theme=dark]{--bg-deep:#0b1120;--bg-panel:#111827;--bg-panel-high:#1f2937;--primary:#3b82f6;--primary-glow:#3b82f640;--secondary:#94a3b8;--glass-border:#374151;--glass-border-bright:#4b5563;--glass-shadow:0 4px 6px -1px #00000080, 0 2px 4px -1px #0000004d;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b}.glass-panel{background:var(--bg-panel);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:var(--transition-ultra)}.glass-panel:hover{border-color:var(--glass-border-bright);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006}.btn-neural{border-radius:var(--radius-md);font-family:var(--font-header);cursor:pointer;transition:var(--transition-snap);border:1px solid #0000;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:500;display:flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 4px var(--primary-glow)}.btn-primary:hover{box-shadow:0 4px 6px var(--primary-glow);background:#1d4ed8}.btn-secondary{color:var(--text-primary);border:1px solid var(--glass-border);background:#fff}.btn-secondary:hover{background:var(--bg-panel-high);border-color:var(--glass-border-bright)}.badge{font-size:.75rem;font-weight:600;font-family:var(--font-body);border-radius:12px;padding:4px 10px}.badge-success{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.badge-warning{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.badge-danger{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;overflow-x:hidden}.app-container{min-height:100vh;display:flex}.sidebar{background:var(--bg-panel);border-right:1px solid var(--glass-border);z-index:1000;flex-direction:column;width:260px;height:100vh;padding:2rem 1.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed}.sidebar.mobile-hidden{transform:translate(-100%)}.sidebar-logo{font-family:var(--font-header);color:var(--text-primary);align-items:center;gap:12px;margin-bottom:2.5rem;font-size:1.25rem;font-weight:700;display:flex}.nav-group{flex-direction:column;gap:4px;display:flex}.nav-item{color:var(--text-secondary);border-radius:var(--radius-sm);transition:var(--transition-snap);font-family:var(--font-body);align-items:center;gap:12px;padding:10px 14px;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{color:var(--primary);background:var(--bg-panel-high)}.nav-item.active{background:var(--bg-panel-high);color:var(--primary);font-weight:600}.main-content{flex:1;width:calc(100% - 260px);margin-left:260px;padding:2rem 3rem;transition:margin-left .3s;position:relative}.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background:#0f172a80;display:none;position:fixed;inset:0}.mobile-overlay.active{display:block}.hamburger{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:8px;display:none}.header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;display:flex}.page-title{font-family:var(--font-header);color:var(--text-primary);font-size:2rem;font-weight:700}.grid-dashboard{grid-template-columns:repeat(12,1fr);gap:1.5rem;display:grid}.section-card{padding:1.5rem}.card-title{font-family:var(--font-header);color:var(--text-primary);align-items:center;gap:8px;margin-bottom:1.25rem;font-size:1.1rem;font-weight:600;display:flex}input,select{border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-snap);background:#fff;padding:8px 12px}input:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--glass-border-bright);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #2563ebb3}70%{transform:scale(1);box-shadow:0 0 0 6px #2563eb00}to{transform:scale(.95);box-shadow:0 0 #2563eb00}}.pulse-primary{animation:2s infinite pulse-dot}.hide-mobile{display:flex}@media (width<=1200px){.grid-dashboard{grid-template-columns:repeat(6,1fr)}.section-card{grid-column:span 6!important}}@media (width<=992px){.hide-mobile{display:none!important}.sidebar{transform:translate(-100%)}.sidebar.mobile-active{transform:translate(0)}.main-content{width:100%;margin-left:0;padding:1.5rem}.hamburger{display:block}}@media (width<=768px){.grid-dashboard{grid-template-columns:1fr;gap:1rem}.section-card{padding:1.25rem;grid-column:span 1!important}.page-title{font-size:1.5rem}.header{flex-direction:column-reverse;align-items:flex-start;gap:1rem}.header>div{width:100%}.header input{width:100%!important}}