:root{--bg-app:#080b11;--bg-sidebar:#0d121db3;--bg-card:#161e3173;--bg-card-hover:#1c263e99;--bg-input:#0d1321cc;--border-color:#ffffff14;--border-color-hover:#ffffff26;--border-glow:#00f2fe26;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--primary:#00f2fe;--primary-glow:#00f2fe4d;--secondary:#4facfe;--accent:#a18cd1;--success:#10b981;--success-glow:#10b98133;--warning:#f59e0b;--warning-glow:#f59e0b33;--danger:#ef4444;--danger-glow:#ef444433;--shadow-sm:0 4px 6px -1px #0003, 0 2px 4px -1px #0000001a;--shadow-md:0 10px 15px -3px #0000004d, 0 4px 6px -2px #00000026;--shadow-lg:0 20px 25px -5px #0006, 0 10px 10px -5px #0003;--glass-blur:16px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-display:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--sidebar-width:260px;--header-height:70px;--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px}[data-theme=light]{--bg-app:#f4f7fc;--bg-sidebar:#fffc;--bg-card:#fffc;--bg-card-hover:#fffffff2;--bg-input:#f3f4f6e6;--border-color:#00000014;--border-color-hover:#00000026;--border-glow:#4facfe26;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--primary:#4facfe;--primary-glow:#4facfe33;--secondary:#00f2fe;--shadow-sm:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-md:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--shadow-lg:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000d}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,border-color .3s,color .3s}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.app-container{min-height:100vh;display:flex;position:relative}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-color);-webkit-backdrop-filter:blur(var(--glass-blur));z-index:100;flex-direction:column;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;margin-bottom:24px;padding:0 12px 24px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;width:36px;height:36px;font-size:1.2rem;font-weight:800;font-family:var(--font-display);box-shadow:0 0 15px var(--primary-glow);border-radius:10px;justify-content:center;align-items:center;display:flex}.logo-text{font-family:var(--font-display);letter-spacing:-.5px;background:linear-gradient(to right, var(--text-primary), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:8px;display:flex}.sidebar-nav-item{border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;border:1px solid #0000;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav-item:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-color)}.sidebar-nav-item.active{color:var(--primary);background:linear-gradient(135deg,#00f2fe26,#4facfe0d);border-color:#00f2fe4d;font-weight:600;box-shadow:inset 0 0 10px #00f2fe0d}.sidebar-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:12px;padding-top:16px;display:flex}.theme-switch-btn{border-radius:var(--border-radius-sm);background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.theme-switch-btn:hover{border-color:var(--primary)}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;padding:24px 32px;display:flex;position:relative}.header{height:var(--header-height);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.header-title-section h1{font-family:var(--font-display);letter-spacing:-.5px;background:linear-gradient(to right, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.8rem;font-weight:700}.header-title-section p{color:var(--text-muted);margin-top:4px;font-size:.875rem}.header-meta{align-items:center;gap:16px;display:flex}.badge-status{text-transform:uppercase;letter-spacing:.5px;border-radius:50px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;display:flex}.badge-status.safe{background:var(--success-glow);color:var(--success);border:1px solid #10b9814d}.badge-status.warning{background:var(--warning-glow);color:var(--warning);border:1px solid #f59e0b4d}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:24px;transition:border-color .3s,box-shadow .3s,transform .2s;position:relative;overflow:hidden}.glass-card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-lg), 0 0 20px var(--border-glow)}.glass-card.highlight{background:linear-gradient(135deg,#161e3199,#00f2fe08);border-color:#00f2fe4d}.glass-card-title{font-family:var(--font-display);color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:18px;font-size:1.15rem;font-weight:600;display:flex}.grid-layout{gap:20px;margin-bottom:24px;display:grid}.grid-2-col{grid-template-columns:repeat(2,1fr)}@media (width<=900px){.grid-2-col{grid-template-columns:1fr}}.grid-3-col{grid-template-columns:repeat(3,1fr)}@media (width<=1024px){.grid-3-col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-3-col{grid-template-columns:1fr}}.grid-4-col{grid-template-columns:repeat(4,1fr)}@media (width<=1200px){.grid-4-col{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.grid-4-col{grid-template-columns:1fr}}.kpi-container{flex-direction:column;gap:6px;display:flex}.kpi-val{font-family:var(--font-display);background:linear-gradient(to right, #fff, var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:4px 0;font-size:1.8rem;font-weight:700}[data-theme=light] .kpi-val{background:linear-gradient(90deg,#111827,#4facfe);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.kpi-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:500}.kpi-desc{color:var(--text-muted);font-size:.75rem}.kpi-trend{align-items:center;gap:4px;margin-top:4px;font-size:.75rem;font-weight:600;display:inline-flex}.kpi-trend.up{color:var(--success)}.kpi-trend.down{color:var(--danger)}.progress-bar-container{flex-direction:column;gap:6px;margin-top:12px;display:flex}.progress-bar-labels{color:var(--text-secondary);justify-content:space-between;font-size:.75rem;font-weight:500;display:flex}.progress-bar-bg{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:50px;height:8px;overflow:hidden}[data-theme=light] .progress-bar-bg{background:#0000000d;border:1px solid #0000000d}.progress-bar-fill{background:linear-gradient(90deg, var(--secondary), var(--primary));border-radius:50px;height:100%;transition:width .8s cubic-bezier(.1,.8,.25,1);box-shadow:0 0 10px #00f2fe66}.table-container{border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:#0d13214d;margin-top:12px;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.custom-table th{color:var(--text-primary);font-weight:600;font-family:var(--font-display);border-bottom:1px solid var(--border-color);letter-spacing:.5px;background:#161e31cc;padding:14px 16px}.custom-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle;padding:12px 16px}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{color:var(--text-primary);background:#ffffff05}[data-theme=light] .custom-table tr:hover td{background:#00000005}.custom-table .highlight-row{background:#00f2fe0a}.custom-table .total-row td{color:var(--text-primary);border-top:2px solid var(--border-color);background:#161e3180;font-weight:700}.form-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.form-label{color:var(--text-secondary);justify-content:space-between;font-size:.85rem;font-weight:500;display:flex}.form-control{border-radius:var(--border-radius-sm);background:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-sans);outline:none;padding:12px 16px;font-size:.9rem;transition:all .2s}.form-control:focus{border-color:var(--primary);box-shadow:0 0 10px #00f2fe33}.form-control-inline-edit{color:var(--text-primary);text-align:right;width:100px;font-family:var(--font-sans);background:0 0;border:1px dashed #0000;border-radius:4px;padding:4px 8px;font-size:.875rem;font-weight:500}.form-control-inline-edit:hover{border-color:var(--border-color-hover);background:#ffffff08}.form-control-inline-edit:focus{background:var(--bg-input);border:1px solid var(--primary);text-align:right;outline:none}.slider-container{flex-direction:column;gap:12px;margin:20px 0;display:flex}.slider-labels{color:var(--text-muted);justify-content:space-between;font-size:.8rem;display:flex}.custom-slider{-webkit-appearance:none;background:#ffffff1a;border-radius:50px;outline:none;width:100%;height:8px;transition:background .3s}[data-theme=light] .custom-slider{background:#0000001a}.custom-slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg, var(--secondary), var(--primary));cursor:pointer;border-radius:50%;width:24px;height:24px;transition:transform .1s;box-shadow:0 0 15px #00f2fe80}.custom-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.book-ladder-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}@media (width<=768px){.book-ladder-grid{grid-template-columns:1fr}}.book-card{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:#0d132166;flex-direction:column;gap:8px;padding:16px;transition:all .2s;display:flex;position:relative;overflow:hidden}.book-card:hover{border-color:var(--primary);background:#161e3180;transform:translateY(-2px)}.book-badge{text-transform:uppercase;color:var(--text-primary);background:#ffffff1a;border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:700;position:absolute;top:12px;right:12px}.book-badge.active{background:var(--success-glow);color:var(--success)}.book-title{font-family:var(--font-display);color:var(--text-primary);font-size:1rem;font-weight:600}.book-amount{color:var(--primary);font-size:1.35rem;font-weight:700}.book-details{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:.75rem;display:flex}.book-details div{justify-content:space-between;display:flex}.book-countdown{color:var(--warning);align-items:center;gap:4px;margin-top:8px;font-size:.75rem;font-weight:600;display:flex}.checklist-container{flex-direction:column;gap:12px;display:flex}.checklist-item{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);cursor:pointer;background:#161e314d;align-items:flex-start;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.checklist-item:hover{border-color:var(--border-color-hover);background:#161e3199}.checklist-item.checked{background:#10b9810d;border-color:#10b9814d}.checklist-checkbox{border:2px solid var(--text-muted);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.checklist-item.checked .checklist-checkbox{background:var(--success);border-color:var(--success);color:#fff}.checklist-checkbox svg{fill:none;stroke:currentColor;stroke-width:3px;width:12px;height:12px}.checklist-content{flex-direction:column;gap:4px;display:flex}.checklist-title{color:var(--text-primary);font-size:.875rem;font-weight:600}.checklist-item.checked .checklist-title{color:var(--text-secondary);text-decoration:line-through}.checklist-desc{color:var(--text-secondary);font-size:.75rem}.checklist-rule-badge{background:#ffffff14;border-radius:4px;align-self:flex-start;margin-top:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.circular-meter-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex}.circular-meter{width:150px;height:150px;position:relative}.circular-meter svg{width:100%;height:100%;transform:rotate(-90deg)}.circular-meter-bg{fill:none;stroke:#ffffff0d;stroke-width:12px}[data-theme=light] .circular-meter-bg{stroke:#0000000d}.circular-meter-fill{fill:none;stroke:var(--primary);stroke-width:12px;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.1,.8,.25,1)}.circular-meter-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circular-meter-val{font-family:var(--font-display);color:var(--text-primary);font-size:2rem;font-weight:700}.circular-meter-label{color:var(--text-muted);text-transform:uppercase;font-size:.75rem}.fund-card{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:#0d132180;flex-direction:column;gap:12px;margin-top:16px;padding:16px;display:flex}.fund-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.fund-name{font-family:var(--font-display);color:var(--primary);font-size:1.15rem;font-weight:700}.fund-badge-rec{text-transform:uppercase;background:var(--primary-glow);color:var(--primary);border:1px solid #00f2fe4d;border-radius:4px;padding:4px 10px;font-size:.7rem;font-weight:700}.fund-meta-grid{color:var(--text-secondary);grid-template-columns:repeat(2,1fr);gap:12px;font-size:.8rem;display:grid}.fund-meta-label{color:var(--text-muted);margin-bottom:2px}.fund-meta-val{color:var(--text-primary);font-weight:600}.chart-container{width:100%;height:200px;margin-top:12px;position:relative}.chart-svg{width:100%;height:100%;overflow:visible}.alert-banner{border-radius:var(--border-radius-sm);border:1px solid #0000;gap:12px;margin-bottom:20px;padding:14px 18px;font-size:.85rem;line-height:1.4;display:flex}.alert-banner.info{color:var(--text-primary);background:#00f2fe0d;border-color:#00f2fe33}.alert-banner.warning{background:var(--warning-glow);color:var(--warning);border-color:#f59e0b4d}.alert-banner.danger{background:var(--danger-glow);color:var(--danger);border-color:#ef44444d}.alert-banner-icon{flex-shrink:0;width:20px;height:20px}.btn{border-radius:var(--border-radius-sm);font-family:var(--font-sans);cursor:pointer;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg, var(--secondary), var(--primary));color:#080b11;font-weight:700;box-shadow:0 4px 15px #00f2fe4d}.btn-primary:hover{box-shadow:0 6px 20px #00f2fe73, 0 0 10px var(--primary)}.btn-secondary{border-color:var(--border-color);color:var(--text-primary);background:#ffffff0d}.btn-secondary:hover{border-color:var(--border-color-hover);background:#ffffff1a}.app-footer{border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);margin-top:40px;padding-top:24px;font-size:.75rem}.app-footer a{color:var(--primary);text-decoration:none}.app-footer a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--bg-card);border:2px solid var(--bg-app);border-radius:50px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}