@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-color: #334155;--accent-primary: #3b82f6;--accent-secondary: #64748b;--success: #22c55e;--warning: #eab308;--danger: #ef4444;--info: #0ea5e9;--shadow-color: rgba(0, 0, 0, .5);--header-bg: #020617;--panel-bg: #1e293b;--card-gradient-start: #1e293b;--card-gradient-end: #334155;--heading-color: #f8fafc;--activity-bg: #1e293b;--font-main: "Roboto", sans-serif}[data-theme=light]{--bg-primary: #f1f5f9;--bg-secondary: #ffffff;--bg-tertiary: #e2e8f0;--text-primary: #0f172a;--text-secondary: #64748b;--border-color: #cbd5e1;--accent-primary: #2563eb;--accent-secondary: #94a3b8;--success: #16a34a;--warning: #ca8a04;--danger: #dc2626;--info: #0284c7;--shadow-color: rgba(0, 0, 0, .1);--header-bg: #ffffff;--panel-bg: #ffffff;--card-gradient-start: #ffffff;--card-gradient-end: #f8fafc;--heading-color: #1e3a8a;--activity-bg: #f8fafc}*,*:before,*:after{box-sizing:border-box}html{height:100%;overflow:hidden}body{height:100%;overflow:hidden;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);margin:0;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.bg-dark-theme{background-color:var(--bg-primary)!important;color:var(--text-primary)!important}.bg-panel{background-color:var(--panel-bg)!important;color:var(--text-primary)}.bg-header{background-color:var(--header-bg)!important;border-bottom:1px solid var(--border-color)!important;color:var(--text-primary)}.text-light{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.border-dark-subtle{border-color:var(--border-color)!important}.text-heading{color:var(--heading-color)!important}.btn-primary{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transition:all .2s}.btn-primary:hover{background-color:#2563eb;border-color:#2563eb}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.hover-scale:hover{transform:scale(1.02);transition:transform .2s}.hover-elevate:hover{transform:translateY(-2px);transition:all .3s}.status-badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.bg-activity{background-color:var(--activity-bg)!important;color:var(--text-primary)}.status-active{background:#22c55e1a;color:var(--success);border:1px solid var(--success)}.status-critical{background:#ef44441a;color:var(--danger);border:1px solid var(--danger)}.nav-link{color:var(--text-secondary);padding:12px 20px;border-radius:0;transition:all .2s;display:flex;align-items:center;gap:12px;text-decoration:none;font-size:1rem;border-left:3px solid transparent}.nav-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-link.active{background:linear-gradient(90deg,rgba(59,130,246,.1),transparent);color:var(--accent-primary);border-left-color:var(--accent-primary);font-weight:500}.sidebar-drawer{width:70px;min-width:70px;height:100vh;position:sticky;top:0;flex-shrink:0;background-color:var(--header-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;z-index:200;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1050}.sidebar-close-btn{display:none;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;margin-left:auto}.sidebar-close-btn:hover{background:#ffffff1a;color:var(--text-primary)}.sidebar-drawer .nav-link{display:flex;align-items:center;justify-content:center;padding:14px 0;color:var(--text-secondary);text-decoration:none;font-size:1.2rem;border-left:3px solid transparent;border-radius:0;transition:all .18s ease;white-space:nowrap;width:100%;background:transparent}.sidebar-drawer .nav-link .nav-label,.sidebar-drawer .logo-text,.sidebar-drawer .user-details,.sidebar-drawer .nav-section-title{display:none}.sidebar-drawer .nav-link i{width:auto;font-size:1.25rem}.sidebar-drawer .nav-link.active{background:#3b82f61a;color:var(--accent-primary);border-left-color:var(--accent-primary)}.sidebar-drawer .nav-link i{width:20px;text-align:center;font-size:1rem;flex-shrink:0}.main-content-layout{flex:1;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;height:100%}.dashboard-topbar{flex-shrink:0!important;overflow:visible!important}.dashboard-content-root{flex:1!important;overflow:hidden!important;min-height:0}.main-content-layout>div:not(.dashboard-topbar):not(.dashboard-content-root){flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding:24px}.main-content-layout>.bg-header{flex-shrink:0}@media (max-width: 991.98px){.sidebar-drawer{position:fixed!important;top:0;left:0;height:100vh;z-index:1100;transform:translate(-100%);box-shadow:6px 0 24px #00000080;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-drawer.open{transform:translate(0)}.sidebar-overlay.show{display:block}.sidebar-close-btn{display:flex;align-items:center;justify-content:center}.main-content-layout{width:100%}}.status-dot{width:8px;height:8px;border-radius:50%}.animate-pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.shadow-soft{box-shadow:0 2px 8px #00000040}.tracking-wider{letter-spacing:.08em}.text-xs{font-size:.72rem!important}.stat-card-enhanced{background:linear-gradient(145deg,var(--card-gradient-start),var(--card-gradient-end));border:1px solid var(--border-color);border-radius:16px;padding:20px;position:relative;overflow:hidden;transition:all .3s;box-shadow:0 4px 6px var(--shadow-color)}.stat-card-enhanced:hover{transform:translateY(-2px);border-color:var(--accent-primary)}.stat-card-enhanced:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.05));pointer-events:none}.stat-icon-bg{position:absolute;right:-10px;bottom:-10px;font-size:5rem;opacity:.1;transform:rotate(-15deg)}.text-orange{color:var(--warning)!important}.bg-orange-subtle{background-color:#eab3081a}.hover-bg-white-10:hover{background-color:var(--bg-tertiary);transition:background-color .2s}.text-white-adaptive{color:var(--text-primary)!important}.op-90{opacity:.9}.hover-op-100:hover{opacity:1!important}.z-20{z-index:20!important}.cursor-pointer{cursor:pointer}button:focus,.btn:focus,.btn:active:focus,.btn-check:focus+.btn,.btn-check:active+.btn{outline:none!important;box-shadow:none!important}.btn-primary:active,.btn-primary:focus{background-color:var(--accent-primary)!important;border-color:var(--accent-primary)!important;box-shadow:none!important}.btn-danger-soft{color:#ef4444!important;border-color:#ef444480!important;background-color:#ef44440d;transition:all .2s}.btn-danger-soft:hover{background-color:#ef4444!important;color:#fff!important;border-color:#ef4444!important}.btn-xs{padding:.15rem .4rem;font-size:.7rem;line-height:1;border-radius:4px}.x-small{font-size:.65rem!important}.shadow-primary-sm{box-shadow:0 0 10px #3b82f64d}.group:hover .group-hover-opacity-100{opacity:1!important}.hover-border-primary:hover{border-color:var(--accent-primary)!important}.transition-all{transition:all .2s ease-in-out}.glow-primary{box-shadow:0 0 15px #3b82f666}