@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-base:224 25% 6%;--bg-surface:224 25% 10%;--bg-surface-elevated:224 25% 14%;--text-primary:210 40% 98%;--text-secondary:215 20% 65%;--text-muted:215 15% 45%;--primary:263 90% 60%;--primary-hover:263 90% 65%;--primary-glow:#8b5cf626;--accent-blue:217 91% 60%;--accent-emerald:142 76% 45%;--accent-amber:38 92% 50%;--accent-rose:347 87% 60%;--border-light:#ffffff0f;--border-focus:#8b5cf666;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-color:hsl(var(--bg-base));color:hsl(var(--text-primary));min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsl(var(--bg-base))}::-webkit-scrollbar-thumb{background:hsl(var(--bg-surface-elevated));border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:hsl(var(--text-muted))}.glass-panel{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);background:#0f142380;box-shadow:0 8px 32px #0000004d}.glass-panel:hover{border-color:#ffffff1a}.glass-card{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);background:#171c3073;padding:1.5rem}.glass-card:hover{box-shadow:0 12px 24px -10px var(--primary-glow);border-color:#8b5cf633;transform:translateY(-2px)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:hsl(var(--primary));color:#fff;box-shadow:0 4px 14px 0 var(--primary-glow)}.btn-primary:hover{background:hsl(var(--primary-hover));transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf64d}.btn-secondary{color:hsl(var(--text-primary));border:1px solid var(--border-light);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-danger{color:hsl(var(--accent-rose));background:#ef44441a;border:1px solid #ef444433}.btn-danger:hover{background:#ef444433;border-color:#ef44444d}.checkbox-container{-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;display:inline-flex}.checkbox-input{display:none}.checkbox-custom{border:2px solid hsl(var(--text-muted));border-radius:var(--radius-sm);width:20px;height:20px;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;margin-right:.75rem;display:flex}.checkbox-input:checked+.checkbox-custom{background:hsl(var(--accent-emerald));border-color:hsl(var(--accent-emerald));box-shadow:0 0 10px #10b9814d}.checkbox-input:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:.8rem;font-weight:700}.form-group{margin-bottom:1.25rem}.form-label{color:hsl(var(--text-secondary));margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--border-light);border-radius:var(--radius-sm);width:100%;color:hsl(var(--text-primary));transition:all var(--transition-fast);background:#0a0f1e99;padding:.625rem .75rem;font-size:.95rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 2px var(--primary-glow);outline:none}.app-layout{min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2.5rem;overflow-y:auto}@media (width<=768px){.app-layout{flex-direction:column}.main-content{padding:1.5rem 1.5rem 6rem}}.text-gradient{background:linear-gradient(135deg, hsl(var(--text-primary)) 30%, hsl(var(--primary)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-accent{background:linear-gradient(135deg, hsl(var(--accent-blue)) 0%, hsl(var(--primary)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.progress-bar-wrapper{width:100%}.progress-bar-header{justify-content:space-between;margin-bottom:.35rem;font-size:.85rem;display:flex}.progress-bar-label{color:hsl(var(--text-secondary))}.progress-bar-val{font-weight:700}.progress-bar-val.complete{color:hsl(var(--accent-emerald))}.progress-bar-val.ongoing{color:hsl(var(--primary))}.progress-bar-track{border:1px solid var(--border-light);background-color:#ffffff0d;border-radius:999px;height:8px;overflow:hidden}.progress-bar-fill{height:100%;width:var(--progress-pct,0%);transition:width var(--transition-slow);border-radius:999px}.progress-bar-fill.ongoing{background:linear-gradient(90deg, hsl(var(--primary)) 0%, hsl(var(--accent-blue)) 100%)}.progress-bar-fill.complete{background:linear-gradient(90deg, hsl(var(--accent-emerald)) 0%, #10b981 100%)}.metric-card{flex-direction:column;gap:.5rem;display:flex}.metric-header{color:hsl(var(--text-secondary));justify-content:space-between;align-items:center;display:flex}.metric-title{font-size:.875rem;font-weight:500}.metric-value{color:hsl(var(--text-primary));font-size:1.75rem;font-weight:700}.metric-footer{color:hsl(var(--text-muted));font-size:.75rem}.sidebar-nav{z-index:100;flex-direction:column;width:260px;height:calc(100vh - 2rem);margin:1rem;padding:2rem 1.5rem;display:flex;position:sticky;top:1rem}.nav-logo{margin-bottom:2.5rem}.nav-logo h2{letter-spacing:1.5px;font-size:1.5rem;font-weight:800}.logo-sub{color:hsl(var(--text-muted));font-size:.75rem}.nav-menu{flex-direction:column;flex:1;gap:.5rem;display:flex}.nav-item{border-radius:var(--radius-md);color:hsl(var(--text-secondary));cursor:pointer;text-align:left;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:1rem;padding:.85rem 1rem;font-size:.95rem;font-weight:600;display:flex}.nav-item:hover{color:hsl(var(--text-primary));background:#ffffff08}.nav-item.active{background:hsl(var(--primary-glow));color:hsl(var(--primary-hover));border-left:3px solid hsl(var(--primary));padding-left:calc(1rem - 3px)}.nav-footer{margin-top:auto}.btn-reset{width:100%;padding:.5rem;font-size:.8rem}.mobile-nav{border-radius:var(--radius-lg);z-index:100;justify-content:space-around;align-items:center;height:64px;padding:.5rem 1rem;display:none;position:fixed;bottom:1rem;left:1rem;right:1rem;box-shadow:0 -4px 24px #0006}.mobile-nav-item{color:hsl(var(--text-secondary));cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;padding:.25rem;display:flex}.mobile-nav-item.active{color:hsl(var(--primary-hover))}.mobile-nav-label{margin-top:.25rem;font-size:.65rem;font-weight:600}@media (width<=768px){.sidebar-nav{display:none}.mobile-nav{display:flex}}