:root{--surface-dim: #10131a;--surface: #14171e;--surface-container-lowest: #0b0e14;--surface-container-low: #181b22;--surface-container: #1d2026;--surface-container-high: #282c33;--surface-container-highest: #333840;--surface-bright: #363940;--bg-navy: var(--surface-dim);--bg-navy-light: var(--surface-container-low);--bg-navy-lighter: var(--surface-container);--primary: #4edea3;--primary-container: #10b981;--primary-fixed-dim: #3ab88a;--primary-purple: var(--primary);--primary-purple-hover: var(--primary-fixed-dim);--on-surface: #e0e4e8;--on-surface-variant: #8a9199;--text-main: var(--on-surface);--text-muted: var(--on-surface-variant);--outline-variant: rgba(60, 74, 66, .15);--border-glass: var(--outline-variant);--status-green: #34d399;--status-yellow: #fbbf24;--status-red: #f87171;--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--gradient-primary: linear-gradient(135deg, #4edea3 0%, #10b981 100%);--gradient-glass: rgba(255, 255, 255, .03);--shadow-glow: 0 0 32px rgba(78, 222, 163, .15);--shadow-card: 0 8px 32px rgba(0, 0, 0, .25), 0 0 64px rgba(78, 222, 163, .04);--ease-quart: cubic-bezier(.25, 1, .5, 1);--ease-expo: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--surface-dim);color:var(--on-surface);background-image:radial-gradient(circle at 15% 50%,rgba(78,222,163,.04) 0%,transparent 50%),radial-gradient(circle at 85% 30%,rgba(16,185,129,.03) 0%,transparent 50%);background-attachment:fixed;min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s var(--ease-quart) forwards}.glass-panel{background:var(--surface-container);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--outline-variant);border-radius:16px;box-shadow:var(--shadow-card)}.text-gradient{background:linear-gradient(to right,#e0e4e8,#8a9199);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-primary{background:linear-gradient(135deg,#4edea3,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .35s var(--ease-quart);border:none;gap:.5rem}.btn-primary{background:var(--gradient-primary);color:var(--surface-dim);box-shadow:0 4px 20px #4edea340}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);filter:brightness(1.1)}.btn-outline{background:transparent;color:var(--on-surface);border:1px solid var(--outline-variant)}.btn-outline:hover{background:var(--surface-container-high);border-color:#4edea340}.btn-glass{background:var(--surface-container-high);color:var(--on-surface);border:1px solid var(--outline-variant);backdrop-filter:blur(8px)}.btn-glass:hover{background:var(--surface-bright)}.input-group{margin-bottom:1.25rem}.input-label{display:block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem;color:var(--on-surface-variant)}.input-field{width:100%;padding:.875rem 1rem;background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:10px;color:var(--on-surface);font-family:var(--font-family);font-size:1rem;transition:all .3s var(--ease-quart)}.input-field:focus{outline:none;border-color:transparent;border-bottom:2px solid var(--primary);box-shadow:0 4px 16px #4edea31a}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.d-flex{display:flex}.flex-column{flex-direction:column}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.badge{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.02em}.badge-green{background:#34d39926;color:var(--status-green)}.badge-yellow{background:#fbbf2426;color:var(--status-yellow)}.badge-red{background:#f8717126;color:var(--status-red)}.badge-purple{background:#4edea326;color:var(--primary)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.15;letter-spacing:-.02em;margin-bottom:1rem;color:var(--on-surface)}p{line-height:1.6;color:var(--on-surface-variant)}.text-muted{color:var(--on-surface-variant)}.text-status-yellow{color:var(--status-yellow)}.text-status-green{color:var(--status-green)}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.ml-2{margin-left:.5rem}.p-3{padding:1rem}.px-3{padding-left:1rem;padding-right:1rem}.pb-4{padding-bottom:1.5rem}.m-0{margin:0}.rounded{border-radius:10px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface-dim)}::-webkit-scrollbar-thumb{background:var(--surface-container-high);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--surface-bright)}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.w-100{width:100%}.mt-2{margin-top:1rem}.mt-4{margin-top:2rem}.mb-2{margin-bottom:1rem}.mb-4{margin-bottom:2rem}.hamburger{display:none;background:none;border:none;color:var(--on-surface);font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:8px;transition:background .2s}.hamburger:hover{background:var(--surface-container-high)}.mobile-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:998;opacity:0;transition:opacity .3s}.mobile-overlay.show{opacity:1}@media(max-width:900px){.hamburger{display:inline-flex;align-items:center;justify-content:center}.dashboard-sidebar{transform:translate(-100%)!important;transition:transform .35s cubic-bezier(.25,1,.5,1)!important;z-index:999!important}.dashboard-sidebar.open{transform:translate(0)!important}.mobile-overlay.show{display:block}header.dashboard-header .d-flex.gap-3{gap:.5rem}header.dashboard-header .btn span,header.dashboard-header #quick-action-btn span{display:none}header.dashboard-header h2{font-size:1.1rem}}@media(max-width:768px){.container{padding:0 1rem}.landing-page h1{font-size:2.5rem!important}.landing-page header{padding:4rem 0 3rem!important}.landing-page h2{font-size:1.75rem!important}.nav-links{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:0 0 16px 16px;padding:1rem;z-index:100;gap:.25rem}.nav-links.open{display:flex}nav:has(.nav-links){position:relative}.w-100-mobile,.nav-links .btn{width:100%}.nav-divider{display:none}main.dashboard-main{margin-left:0!important;padding:1rem!important}footer div[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:2rem!important}footer{padding:2rem 1rem 1.5rem!important}}@media(max-width:480px){.container{padding:0 .75rem}.landing-page h1{font-size:1.75rem!important}.glass-panel{padding:1.25rem!important}.d-flex.justify-content-center.gap-3{flex-direction:column;align-items:stretch}.d-flex.justify-content-center.gap-3 .btn{width:100%}}