@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-deep:#0a0a0c;--bg-panel:#14141866;--bg-panel-hover:#1e1e2499;--primary:#4e46e5;--primary-glow:#4e46e580;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--text-main:#f8fafc;--text-muted:#94a3b8;--glass-border:#ffffff0d;--glass-blur:blur(16px);--glass-shadow:0 8px 32px 0 #0000005e;--transition-smooth:all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-main);background-image:radial-gradient(circle at 15%,#4e46e514 0%,#0000 50%),radial-gradient(circle at 85% 30%,#10b9810d 0%,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:var(--transition-smooth);border-radius:16px;padding:1.5rem}.glass-panel:hover{background:var(--bg-panel-hover);border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 12px 40px #00000080}.btn{color:var(--text-main);border:1px solid var(--glass-border);cursor:pointer;transition:var(--transition-smooth);background:0 0;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--primary);border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.btn-primary:hover{box-shadow:0 0 25px var(--primary-glow);background:#4338ca;transform:translateY(-2px)}@keyframes fadeInSlideUp{0%{opacity:0}to{opacity:1}}.animate-enter{animation:.6s cubic-bezier(.2,.8,.2,1) forwards fadeInSlideUp}*{scrollbar-width:thin;scrollbar-color:#94a3b873 #0a0e1a99}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0a0e1aa6;border:1px solid #ffffff0f;border-radius:8px}::-webkit-scrollbar-thumb{background:#94a3b866 padding-box padding-box;border:2px solid #0000;border-radius:8px;transition:all .2s}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#6366f1 0%,#38bdf8 100%);box-shadow:0 0 12px #6366f199}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#4f46e5 0%,#0284c7 100%)}::-webkit-scrollbar-corner{background:#0a0e1aa6}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}option{color:#f8fafc!important;background-color:#141418!important}optgroup{font-weight:600;color:#94a3b8!important;background-color:#0a0a0c!important}.avm-card{background:#111827f2;border:1px solid #334155;border-radius:14px;margin-bottom:20px;padding:24px;box-shadow:0 4px 20px #00000080}.avm-btn{cursor:pointer;border:none;border-radius:8px;outline:none;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.avm-btn-success{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.avm-btn-success:hover{background:#10b98133}.avm-btn-danger{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.avm-btn-danger:hover{background:#ef444433}.avm-btn-primary{color:#6366f1;background:#6366f11a;border:1px solid #6366f133}.avm-btn-primary:hover{background:#6366f133}.avm-btn-cancel{color:#94a3b8;background:0 0;border:1px solid #334155}.avm-btn-cancel:hover{color:#f1f5f9;background:#ffffff0d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-icon{animation:1.5s linear infinite spin}@keyframes blink{50%{opacity:0}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.db-card-clickable:hover{border-color:#6366f166;transform:translateY(-2px);box-shadow:0 8px 25px #0006}@keyframes bounceIn{0%{opacity:0;transform:translateY(12px)scale(.92)}60%{opacity:1;transform:translateY(-4px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-spin{animation:1s linear infinite spin}@keyframes blingGlow{0%,to{border-color:#10b98199;box-shadow:0 8px 30px #0009,0 0 15px #10b98166,0 0 35px #6366f133}50%{border-color:#34d399f2;transform:scale(1.04);box-shadow:0 10px 40px #000000b3,0 0 30px #10b981cc,0 0 60px #34d39966}}@keyframes blingShimmer{0%{transform:translate(-150%)skew(-20deg)}30%,to{transform:translate(250%)skew(-20deg)}}@keyframes sparkleTwinkle{0%,to{filter:drop-shadow(0 0 4px #34d39980);transform:scale(1)rotate(0)}50%{filter:drop-shadow(0 0 10px #34d399e6)drop-shadow(0 0 18px #818cf8cc);transform:scale(1.3)rotate(15deg)}}@keyframes bubbleBling{0%,to{border-color:#6366f166;box-shadow:0 12px 35px #00000080,0 0 20px #6366f133}50%{border-color:#10b981b3;box-shadow:0 16px 45px #0009,0 0 30px #10b98166}}@keyframes updateBadgeBlink{0%,to{opacity:1;border-color:#f59e0bb3;transform:scale(1);box-shadow:0 0 15px #f59e0b66,inset 0 0 8px #f59e0b33}50%{opacity:.75;border-color:#fbbf24;transform:scale(1.04);box-shadow:0 0 25px #fbbf24cc,inset 0 0 14px #fbbf2473}}@keyframes updateBeaconPulse{0%{opacity:.9;transform:scale(.95);box-shadow:0 0 #f59e0bb3}70%{opacity:1;transform:scale(1.2);box-shadow:0 0 0 10px #f59e0b00}to{opacity:.9;transform:scale(.95);box-shadow:0 0 #f59e0b00}}@keyframes updateButtonGlow{0%,to{border-color:#f59e0b99;box-shadow:0 4px 18px #f59e0b66,0 0 25px #ea580c40}50%{border-color:#fbbf24f2;box-shadow:0 6px 30px #f59e0bbf,0 0 40px #ea580c80}}@keyframes updateCardGlow{0%,to{border-color:#f59e0b59;box-shadow:0 10px 30px -10px #f59e0b40}50%{border-color:#fbbf2499;box-shadow:0 12px 35px -5px #f59e0b73,0 0 20px #fbbf2433}}.app-update-badge{transition:all .2s;animation:2s ease-in-out infinite updateBadgeBlink}.app-update-badge:hover{transform:scale(1.06)!important;box-shadow:0 0 25px #f59e0bb3!important}.app-card-has-update{animation:3s ease-in-out infinite updateCardGlow}.btn-update-glow{animation:2.5s ease-in-out infinite updateButtonGlow}.app-layout{background-color:var(--bg-deep);box-sizing:border-box;width:100%;min-height:100vh;display:flex;position:relative}.app-main{box-sizing:border-box;flex-direction:column;flex:1;gap:2rem;width:100%;min-width:0;max-width:100%;padding:2rem;transition:padding .2s;display:flex}.app-header{box-sizing:border-box;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.app-sidebar{box-sizing:border-box;z-index:100;border-radius:24px;flex-direction:column;flex-shrink:0;align-self:flex-start;width:280px;height:calc(100vh - 2rem);margin:1rem;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;display:flex;position:sticky;top:1rem;overflow-y:auto}.mobile-menu-toggle{border:1px solid var(--glass-border);width:44px;height:44px;color:var(--text-main);cursor:pointer;background:#ffffff0f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:none}.mobile-menu-toggle:hover{background:#ffffff1f;border-color:#6366f166}.mobile-close-btn{border:1px solid var(--glass-border);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:#ffffff14;border-radius:10px;justify-content:center;align-items:center;margin-left:auto;transition:all .2s;display:none}.mobile-close-btn:hover{color:#ef4444;background:#ef444433}.mobile-drawer-backdrop{display:none}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:12px;width:100%;margin-bottom:1rem;overflow-x:auto}.responsive-grid-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:1.5rem;width:100%;display:grid}.responsive-stat-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1.25rem;width:100%;display:grid}.responsive-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:1.5rem;width:100%;display:grid}.dashboard-chart-span{grid-column:span 2}.responsive-modal-container{box-sizing:border-box;width:100%;max-width:min(92vw,900px);max-height:90vh;overflow-y:auto}@media (width<=1280px){.app-sidebar{width:250px;height:calc(100vh - 1.5rem);margin:.75rem}.app-main{gap:1.5rem;padding:1.5rem}}@media (width<=1024px){.mobile-menu-toggle,.mobile-close-btn{display:inline-flex}.app-sidebar{z-index:10000;border-right:1px solid #ffffff1a;border-radius:0 20px 20px 0;width:min(300px,85vw);height:100vh;margin:0;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 50px #000c;-webkit-backdrop-filter:blur(24px)!important;background:#0a0a0ef5!important}.app-sidebar.mobile-open{transform:translate(0)}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(6px);z-index:9999;background:#000000b3;animation:.2s ease-out fadeInSlideUp;display:block;position:fixed;inset:0}.app-main{gap:1.25rem;padding:1.25rem 1rem}.dashboard-chart-span{grid-column:span 1!important}.avm-root{grid-template-columns:1fr!important}.avm-sidebar{border-bottom:1px solid #334155!important;border-right:none!important}}@media (width<=768px){.glass-panel{border-radius:12px;padding:1rem}.app-header{flex-wrap:wrap;gap:.75rem}.responsive-stat-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:.75rem}.responsive-grid-cards{grid-template-columns:1fr;gap:1rem}.responsive-modal-container,.avm-card{width:95vw!important;max-width:95vw!important;padding:1rem!important}.toolbar-wrap{flex-direction:column;width:100%;align-items:stretch!important}.toolbar-wrap>*{width:100%}}@media (width<=480px){.app-main{gap:1rem;padding:.75rem .5rem}.btn{padding:.6rem 1rem;font-size:.88rem}h1{font-size:1.4rem!important}h2{font-size:1.2rem!important}h3{font-size:1.05rem!important}}@media (width>=1920px){.app-main{width:100%;max-width:2200px;margin:0 auto}}
