@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";
:root{--bg-main:#0b0f19;--bg-sidebar:#0f1524;--bg-card:#161e31a6;--bg-card-hover:#1d2840cc;--border-color:#ffffff0f;--border-highlight:#ffffff1f;--primary:#00f2fe;--primary-rgb:0, 242, 254;--primary-deep:#4facfe;--accent:#d946ef;--accent-rgb:217, 70, 239;--success:#10b981;--warning:#f59e0b;--danger:#f43f5e;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--font-sans:"Plus Jakarta Sans", "Outfit", system-ui, -apple-system, sans-serif;--card-shadow:0 8px 32px 0 #0000005e;--glow-primary:0 0 20px rgba(var(--primary-rgb), .15);--glow-accent:0 0 20px rgba(var(--accent-rgb), .15)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--bg-main);max-width:100vw;color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass:hover{background:var(--bg-card-hover);border-color:var(--border-highlight);box-shadow:0 10px 40px #00000073}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.animate-pulse-glow{animation:3s ease-in-out infinite pulseGlow}.gradient-text{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-deep) 50%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-deep) 100%);color:#05050a;cursor:pointer;box-shadow:0 4px 14px 0 rgba(var(--primary-rgb), .25);border:none;border-radius:12px;font-weight:600;transition:all .2s}.gradient-btn:hover{box-shadow:0 6px 20px 0 rgba(var(--primary-rgb), .4);transform:translateY(-2px)}.gradient-btn:active{transform:translateY(0)}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}}.app-layout-wrapper{flex-direction:column;min-height:100vh;display:flex}@media (min-width:769px){.app-layout-wrapper{padding-left:240px}}@media (max-width:768px){.app-layout-wrapper{padding-bottom:80px}}.sidebar-container{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:150;flex-direction:column;width:240px;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:0}.mobile-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-sidebar);z-index:100;justify-content:space-between;align-items:center;padding:16px 24px;display:none;position:sticky;top:0}.bottom-nav{background-color:var(--bg-sidebar);border-top:1px solid var(--border-color);z-index:999;justify-content:space-around;align-items:center;height:64px;padding:8px 0;display:none;position:fixed;bottom:0;left:0;right:0}@media (max-width:768px){.sidebar-container{display:none!important}.mobile-header,.bottom-nav{display:flex!important}}.dashboard-visuals{grid-template-columns:1.2fr .8fr;gap:24px;margin-top:32px;display:grid}@media (max-width:900px){.dashboard-visuals{grid-template-columns:1fr;gap:24px}}.landing-container{z-index:1;flex-direction:column;justify-content:space-between;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 24px;display:flex;position:relative}.landing-main{grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;padding:40px 0 80px;display:grid}.landing-props{grid-template-columns:1fr 1fr;gap:24px;width:100%;display:grid}@media (max-width:900px){.landing-main{grid-template-columns:1fr;gap:40px}}@media (max-width:600px){.landing-props{grid-template-columns:1fr}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes radar{0%{top:0%}50%{top:100%}to{top:0%}}