@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap";:root,[data-theme=dark]{--bg-primary:#0d0a1a;--bg-secondary:#130f25;--bg-tertiary:#1c1730;--bg-card:#191230a6;--bg-card-hover:#231a40bf;--bg-input:#0a0716b3;--bg-gradient:linear-gradient(135deg, #0d0a1a 0%, #130f25 50%, #0a0616 100%);--text-primary:#f0ecff;--text-secondary:#a89fc5;--text-muted:#6b6080;--border-color:#ffffff12;--border-hover:#a78bfa40;--border-focus:#7c3aed99;--accent-purple:#7c3aed;--accent-purple-light:#a78bfa;--accent-purple-glow:#7c3aed4d;--accent-blue:#3b82f6;--accent-blue-light:#60a5fa;--accent-blue-glow:#3b82f64d;--accent-coral:#f43f5e;--accent-coral-light:#fb7185;--accent-coral-glow:#f43f5e4d;--accent-green:#10b981;--accent-green-light:#34d399;--accent-green-glow:#10b9814d;--accent-orange:#f97316;--accent-orange-light:#fb923c;--accent-orange-glow:#f973164d;--glass-bg:#140e2899;--glass-border:#ffffff14;--glass-shadow:0 8px 32px #0006, 0 1px 0 #ffffff0d inset;--glass-blur:blur(20px) saturate(180%);--sidebar-bg:#0d0a1acc;--sidebar-active-bg:linear-gradient(135deg, #7c3aed33, #3b82f61a);--sidebar-active-border:#7c3aed80;--sidebar-active-color:#a78bfa;--sidebar-hover-bg:#ffffff0a;--scrollbar-track:#ffffff05;--scrollbar-thumb:#7c3aed4d;--scrollbar-thumb-hover:#7c3aed99;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--transition-fast:.18s cubic-bezier(.4, 0, .2, 1);--transition-normal:.28s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--cyber-green:var(--accent-green-light);--cyber-green-glow:var(--accent-green-glow);--cyber-blue:var(--accent-blue-light);--cyber-blue-glow:var(--accent-blue-glow);--cyber-purple:var(--accent-purple-light);--cyber-purple-glow:var(--accent-purple-glow);--cyber-orange:var(--accent-orange-light);--cyber-orange-glow:var(--accent-orange-glow);--cyber-red:var(--accent-coral-light);--cyber-red-glow:var(--accent-coral-glow);--bg-page:var(--bg-primary)}[data-theme=light]{--bg-primary:#eee9ff;--bg-secondary:#e6dfff;--bg-tertiary:#d8cfff;--bg-card:#ffffffb8;--bg-card-hover:#ffffffe0;--bg-input:#fffc;--bg-gradient:linear-gradient(135deg, #f0eeff 0%, #ebf4ff 50%, #f5f0ff 100%);--text-primary:#1a1035;--text-secondary:#4a3f6b;--text-muted:#8b80a8;--border-color:#7c3aed1a;--border-hover:#7c3aed4d;--border-focus:#7c3aed99;--accent-purple:#7c3aed;--accent-purple-light:#6d28d9;--accent-purple-glow:#7c3aed33;--accent-blue:#2563eb;--accent-blue-light:#1d4ed8;--accent-blue-glow:#2563eb33;--accent-coral:#e11d48;--accent-coral-light:#be123c;--accent-coral-glow:#e11d4833;--accent-green:#059669;--accent-green-light:#047857;--accent-green-glow:#05966933;--accent-orange:#ea580c;--accent-orange-light:#c2410c;--accent-orange-glow:#ea580c33;--glass-bg:#ffffffa6;--glass-border:#7c3aed1f;--glass-shadow:0 4px 24px #7c3aed14, 0 1px 0 #ffffffe6 inset;--glass-blur:blur(20px) saturate(200%);--sidebar-bg:#ffffffb3;--sidebar-active-bg:linear-gradient(135deg, #7c3aed1f, #3b82f60f);--sidebar-active-border:#7c3aed59;--sidebar-active-color:#6d28d9;--sidebar-hover-bg:#7c3aed0d;--scrollbar-track:#7c3aed0d;--scrollbar-thumb:#7c3aed33;--scrollbar-thumb-hover:#7c3aed73;--shadow-sm:0 2px 8px #7c3aed14;--shadow-md:0 4px 20px #7c3aed1f;--shadow-lg:0 8px 40px #7c3aed29;--cyber-green:var(--accent-green);--cyber-green-glow:var(--accent-green-glow);--cyber-blue:var(--accent-blue);--cyber-blue-glow:var(--accent-blue-glow);--cyber-purple:var(--accent-purple);--cyber-purple-glow:var(--accent-purple-glow);--cyber-orange:var(--accent-orange);--cyber-orange-glow:var(--accent-orange-glow);--cyber-red:var(--accent-coral);--cyber-red-glow:var(--accent-coral-glow);--bg-page:var(--bg-primary)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{background:var(--bg-gradient);color:var(--text-primary);background-attachment:fixed;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .4s,color .4s;overflow-x:hidden}.theme-transitioning,.theme-transitioning *{transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s!important}::selection{background:var(--accent-purple);color:#fff}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.hide-scroll{scrollbar-width:none;-ms-overflow-style:none}.hide-scroll::-webkit-scrollbar{display:none}.font-mono{font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace!important}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);color:var(--text-primary);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal), background-color var(--transition-normal);border-radius:24px}.glass-panel:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 12px 40px #0006,inset 0 1px #ffffff1a}[data-theme=light] .glass-panel:hover{box-shadow:0 12px 40px #7c3aed26,inset 0 1px #ffffffe6}.glass-panel-glow-green{border-color:#10b9812e}.glass-panel-glow-green:hover{box-shadow:var(--shadow-md), 0 0 20px #10b98114;border-color:#10b98166}.glass-panel-glow-blue{border-color:#3b82f62e}.glass-panel-glow-blue:hover{box-shadow:var(--shadow-md), 0 0 20px #3b82f614;border-color:#3b82f666}.glass-panel-glow-purple{border-color:#7c3aed2e}.glass-panel-glow-purple:hover{box-shadow:var(--shadow-md), 0 0 20px #7c3aed1a;border-color:#7c3aed66}.cyber-input{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border-radius:12px;outline:none;width:100%;min-width:0;padding:10px 14px;font-family:Inter,sans-serif;font-size:.875rem}.cyber-input::placeholder{color:var(--text-muted)}.cyber-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-purple-glow);background:var(--bg-card)}select.cyber-input option{background:var(--bg-secondary);color:var(--text-primary)}.cyber-button{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;background:#ffffff08;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;display:inline-flex}.cyber-button:hover{border-color:var(--border-hover);background:#ffffff14;transform:translateY(-1px)}.cyber-button:active{transform:translateY(1px)scale(.98)}.cyber-button-green{background:var(--accent-green-glow);color:var(--accent-green-light);border-color:#10b9814d}.cyber-button-green:hover{background:var(--accent-green);border-color:var(--accent-green);color:#fff;box-shadow:0 4px 14px var(--accent-green-glow)}.cyber-button-red{background:var(--accent-coral-glow);color:var(--accent-coral-light);border-color:#f43f5e4d}.cyber-button-red:hover{background:var(--accent-coral);border-color:var(--accent-coral);color:#fff;box-shadow:0 4px 14px var(--accent-coral-glow)}.cyber-button-purple{background:var(--accent-purple-glow);color:var(--accent-purple-light);border-color:#7c3aed59}.cyber-button-purple:hover{background:var(--accent-purple);border-color:var(--accent-purple);color:#fff;box-shadow:0 4px 14px var(--accent-purple-glow)}.sidebar-link{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;width:100%;padding:11px 14px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{color:var(--text-primary);background:var(--sidebar-hover-bg)}.sidebar-link.active{background:var(--sidebar-active-bg);border-color:var(--sidebar-active-border);color:var(--sidebar-active-color);box-shadow:var(--shadow-sm), 0 0 15px #7c3aed33;font-weight:600;transform:translate(4px)}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}}.status-indicator-green{background:var(--accent-green-light);width:8px;height:8px;box-shadow:0 0 8px var(--accent-green-glow);border-radius:50%;flex-shrink:0;animation:2.5s ease-in-out infinite pulse-glow}.status-indicator-red{background:var(--accent-coral-light);width:8px;height:8px;box-shadow:0 0 8px var(--accent-coral-glow);border-radius:50%;flex-shrink:0;animation:2.5s ease-in-out infinite pulse-glow}.theme-toggle{background:var(--bg-card);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{border-color:var(--accent-purple);color:var(--accent-purple-light);background:var(--accent-purple-glow);transform:rotate(15deg)}.progress-track{background:var(--border-color);border-radius:100px;height:8px;overflow:hidden}.progress-fill{border-radius:100px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-fill-purple{background:linear-gradient(90deg, var(--accent-purple), var(--accent-purple-light))}.progress-fill-blue{background:linear-gradient(90deg, var(--accent-blue), var(--accent-blue-light))}.progress-fill-coral{background:linear-gradient(90deg, var(--accent-coral), var(--accent-coral-light))}.progress-fill-green{background:linear-gradient(90deg, var(--accent-green), var(--accent-green-light))}.progress-fill-orange{background:linear-gradient(90deg, var(--accent-orange), var(--accent-orange-light))}@keyframes draw{to{stroke-dashoffset:0}}.sparkline-path{stroke-dasharray:100;stroke-dashoffset:100px;animation:1.5s ease-out forwards draw}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.4s forwards fadeInUp}@keyframes laser-scan{0%{top:0%}50%{top:100%}to{top:0%}}@keyframes sparkle-pulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.sparkle-anim{color:var(--accent-purple-light);animation:1.2s ease-in-out infinite sparkle-pulse}@keyframes float-pulse{0%,to{filter:drop-shadow(0 0 8px var(--accent-purple-glow));transform:translateY(0)scale(1)}50%{filter:drop-shadow(0 0 15px #7c3aed66);transform:translateY(-3px)scale(1.02)}}.score-pulse{animation:4s ease-in-out infinite float-pulse}.laser-scanner-container{border:1px solid var(--border-color);border-radius:16px;position:relative;overflow:hidden}.laser-scanner-line{background:var(--accent-purple-light);width:100%;height:2px;box-shadow:0 0 12px 3px var(--accent-purple-glow);z-index:10;animation:2s linear infinite laser-scan;position:absolute;left:0}.nutria-glow-card{box-shadow:0 0 30px #7c3aed0f;border-color:#7c3aed33!important}.nutria-glow-card:hover{box-shadow:0 0 40px #7c3aed1f;border-color:#7c3aed66!important}.hub-grid{grid-template-columns:340px 1fr;gap:16px;height:calc(100vh - 110px);display:grid}.health-grid{grid-template-columns:repeat(auto-fit,minmax(min(450px,100%),1fr));gap:16px;padding-bottom:24px;display:grid;overflow-y:auto}.finance-grid{grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));gap:16px;padding-bottom:24px;display:grid;overflow-y:auto}.productivity-ticker-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;display:grid}.habits-grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:10px;display:grid}.tasks-container-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px;min-height:320px;display:grid}.kanban-columns-grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:12px;display:grid}@media (width<=1024px){.hub-grid{grid-template-columns:1fr;height:auto;overflow-y:auto}}.mobile-bottom-nav{z-index:200;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-top:1px solid var(--glass-border);padding:8px 4px;padding-bottom:max(8px, env(safe-area-inset-bottom));display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #00000026}.mobile-bottom-nav-inner{justify-content:space-around;align-items:center;max-width:480px;margin:0 auto;display:flex}.mobile-nav-item{cursor:pointer;color:var(--text-muted);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:14px;flex-direction:column;align-items:center;gap:3px;min-width:52px;padding:6px 10px;font-family:Inter,sans-serif;font-size:.6rem;font-weight:500;transition:all .18s;display:flex}.mobile-nav-item.active{color:var(--accent-purple-light);background:var(--accent-purple-glow)}.mobile-nav-item:active{transform:scale(.92)}.mobile-header{z-index:150;padding:0 16px;padding-top:max(12px, env(safe-area-inset-top));background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:none;position:fixed;top:0;left:0;right:0}@media (width<=900px){.health-grid,.finance-grid{grid-template-columns:1fr}.productivity-ticker-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.mobile-bottom-nav{display:block}.mobile-header{display:flex}.desktop-sidebar{display:none!important}.main-content-area{margin-left:0!important;padding:72px 12px 90px!important}.desktop-header{display:none!important}.hub-grid,.health-grid,.finance-grid,.tasks-container-grid{grid-template-columns:1fr!important;height:auto!important}.hub-grid{overflow-y:visible}.productivity-ticker-grid{grid-template-columns:repeat(2,1fr)}.kanban-columns-grid,.habits-grid{grid-template-columns:1fr}.glass-panel{border-radius:16px}.cyber-input{padding:12px 14px;font-size:16px!important}.cyber-button{min-height:44px;padding:12px 16px}.font-mono{font-size:.75rem}}@media (width<=375px){.mobile-nav-item{min-width:44px;padding:5px 6px;font-size:.55rem}.productivity-ticker-grid{grid-template-columns:1fr}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;max-width:350px;display:flex;position:fixed;bottom:24px;right:24px}@media (width<=768px){.toast-container{top:max(12px, env(safe-area-inset-top));max-width:none;bottom:auto;left:16px;right:16px}}.toast-message{pointer-events:auto;color:#fff;cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:12px 18px;font-size:.8rem;font-weight:600;transition:opacity .2s;animation:.3s forwards slideInRight;display:flex}.toast-message:hover{opacity:.8}.toast-success{border:1px solid var(--cyber-green);background:#10b981f2;box-shadow:0 0 15px #10b9814d}.toast-error{border:1px solid var(--cyber-red);background:#ef4444f2;box-shadow:0 0 15px #ef44444d}.toast-info{border:1px solid var(--cyber-blue);background:#0f1626f2;box-shadow:0 0 15px #06b6d433}.toast-exiting{animation:.3s forwards slideOutRight}
