:root{--app-bg: #07101d;--app-bg-2: #0b1424;--panel-bg: rgba(15, 23, 42, .88);--panel-bg-soft: rgba(17, 24, 39, .74);--panel-bg-strong: rgba(7, 16, 29, .92);--panel-border: rgba(96, 165, 250, .16);--text-soft: #9fb3c8;--text-muted: #70839c}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden;background:var(--app-bg)}body{background:radial-gradient(circle at 10% 16%,rgba(45,212,191,.08),transparent 18%),radial-gradient(circle at 86% 10%,rgba(96,165,250,.08),transparent 20%),linear-gradient(180deg,var(--app-bg) 0%,var(--app-bg-2) 42%,#111827 100%)}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:#35506f;border-radius:2px}.content-scroll::-webkit-scrollbar{width:6px}.content-scroll::-webkit-scrollbar-track{background:#111827}.content-scroll::-webkit-scrollbar-thumb{background:#35506f;border-radius:3px}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .3s ease}.slide-enter-from,.slide-leave-to{transform:translate(-100%)}.stat-card{transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.btn-primary{background:linear-gradient(135deg,#2dd4bf,#60a5fa);color:#07101d}.btn-primary:hover{background:linear-gradient(135deg,#5eead4,#93c5fd)}.glass{background:#0f172ac2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bg-gray-900,.bg-gray-900\/50,.bg-gray-900\/40,.bg-gray-900\/30,.bg-gray-900\/80{background-color:var(--panel-bg-strong)!important}.bg-gray-800\/90,.bg-gray-800\/50,.bg-gray-800{background-color:var(--panel-bg)!important}.border-gray-700,.border-gray-700\/50{border-color:var(--panel-border)!important}.text-gray-400{color:var(--text-soft)!important}.text-gray-500{color:var(--text-muted)!important}.login-screen{background:radial-gradient(circle at 18% 22%,rgba(45,212,191,.12),transparent 20%),radial-gradient(circle at 82% 16%,rgba(96,165,250,.14),transparent 20%),linear-gradient(180deg,#07101d,#0b1424,#111827)}.login-card{background:linear-gradient(180deg,#0f172ae0,#0f172ac2);border:1px solid rgba(96,165,250,.16);box-shadow:0 32px 90px #00000057}.app-sidebar{background:linear-gradient(180deg,#0b1424f0,#0f172af0)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-header{background:#0b1424d1!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 -1px #60a5fa1f}.pulse{animation:pulse 2s infinite}.hero-panel{background:linear-gradient(135deg,#0f172aeb,#0c203ae0);border:1px solid rgba(96,165,250,.18);box-shadow:0 24px 80px #02081759}.metric-badge{border:1px solid rgba(96,165,250,.18);background:#0f172ab8}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}