:root{color-scheme:dark;--bg: #030611;--panel: rgba(9, 15, 30, .82);--panel-solid: #0a1222;--border: rgba(148, 163, 184, .16);--text: #f1f5f9;--muted: #8b9bb4;--faint: #5b6b84;--cyan: #22d3ee;--cyan-soft: #67e8f9;--emerald: #34d399;--amber: #fbbf24;--purple: #c084fc;--pink: #ff4d7d;--red: #f43f5e}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text);background:radial-gradient(980px 460px at 15% 2%,rgba(34,211,238,.25),rgba(20,184,166,.09) 44%,transparent 68%),radial-gradient(1100px 660px at 34% 38%,rgba(34,211,238,.16),rgba(14,116,144,.08) 48%,transparent 72%),radial-gradient(760px 420px at 84% 5%,rgba(16,185,129,.15),transparent 64%),radial-gradient(780px 580px at 84% 36%,rgba(34,211,238,.15),rgba(14,116,144,.07) 48%,transparent 70%),radial-gradient(560px 420px at 84% 26%,rgba(255,77,125,.09),transparent 65%),radial-gradient(840px 500px at 83% 89%,rgba(192,132,252,.2),rgba(168,85,247,.08) 48%,transparent 68%),radial-gradient(780px 480px at 50% 90%,rgba(251,191,36,.16),rgba(245,158,11,.07) 48%,transparent 68%),radial-gradient(820px 500px at 17% 88%,rgba(34,211,238,.16),transparent 66%),var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(124deg,transparent 8%,rgba(34,211,238,.06) 13.5%,rgba(103,232,249,.19) 14.3%,rgba(34,211,238,.05) 15.2%,transparent 20%),linear-gradient(132deg,transparent 18%,rgba(34,211,238,.05) 22.8%,rgba(56,189,248,.14) 23.5%,rgba(34,211,238,.04) 24.4%,transparent 29%),linear-gradient(62deg,transparent 2%,rgba(34,211,238,.05) 6.5%,rgba(103,232,249,.14) 7.2%,transparent 11%),radial-gradient(ellipse 115% 58% at 18% 0%,rgba(34,211,238,.16) 0%,transparent 58%),linear-gradient(rgba(103,232,249,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(103,232,249,.075) 1px,transparent 1px),linear-gradient(rgba(56,189,248,.052) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.052) 1px,transparent 1px);background-size:100% 100%,100% 100%,100% 100%,100% 100%,220px 220px,220px 220px,44px 44px,44px 44px;-webkit-mask-image:radial-gradient(ellipse 98% 92% at 50% 42%,black 48%,rgba(0,0,0,.55) 78%,transparent 100%);mask-image:radial-gradient(ellipse 98% 92% at 50% 42%,black 48%,rgba(0,0,0,.55) 78%,transparent 100%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(circle at -14% 42%,transparent 24%,rgba(20,184,166,.07) 26.8%,rgba(103,232,249,.26) 27.6%,rgba(34,211,238,.08) 28.4%,transparent 31%),radial-gradient(ellipse 90% 52% at 22% -14%,rgba(34,211,238,.18) 0%,rgba(20,184,166,.09) 43%,rgba(103,232,249,.22) 48.5%,rgba(34,211,238,.06) 50.5%,transparent 56%),radial-gradient(ellipse 95% 90% at 50% 48%,transparent 58%,rgba(1,3,10,.78) 100%)}button,input,select{font-family:inherit}.app{min-height:100vh;position:relative;z-index:1}.app-inner{max-width:1520px;margin:0 auto;padding:12px 24px 14px}.panel{background:linear-gradient(180deg,#0b1326db,#060c19eb);border:1px solid var(--border);border-radius:18px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 20px 50px #00000094,inset 0 1px #ffffff12}.muted{color:var(--muted)}.muted-note{color:var(--muted);font-size:13px;margin:4px 0}.app-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 0 6px;flex-wrap:nowrap}.brand{display:flex;align-items:center;gap:12px;flex:none}.brand-icon{width:44px;height:44px;border-radius:12px;border:1.5px solid #22d3ee;background:radial-gradient(circle at 50% 30%,#22d3ee38,#080f1ee6);color:var(--cyan-soft);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 22px #22d3ee6b,inset 0 0 12px #22d3ee38;flex:none}.brand-text{display:flex;flex-direction:column;gap:2px}.brand-title{font-size:20px;font-weight:800;letter-spacing:.2px;color:#fff;white-space:nowrap}.brand-sub{font-size:10.5px;letter-spacing:4.2px;text-transform:uppercase;color:var(--cyan);font-weight:700}.mode-pill,.sample-banner{display:none!important}.main-nav{display:flex;gap:4px;margin:0 auto;background:#080d1ad1;border:1px solid rgba(148,163,184,.22);border-radius:14px;padding:4px;box-shadow:0 8px 24px #0006,inset 0 1px #ffffff0d}.nav-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:10px;background:transparent;border:1px solid transparent;color:#cbd5e1;font-size:13px;font-weight:650;cursor:pointer;white-space:nowrap;transition:all .15s ease}.nav-pill svg{color:var(--muted);transition:color .15s ease}.nav-pill:hover{color:#fff}.nav-pill.active{color:#fff;border-color:#22d3ee;background:linear-gradient(180deg,#22d3ee2e,#22d3ee0f);box-shadow:0 0 20px #22d3ee61,inset 0 0 12px #22d3ee2e}.nav-pill.active svg{color:var(--cyan-soft)}.header-actions{display:flex;gap:10px;align-items:center;flex:none}.btn-add-payment{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#4fffb0,#2dd4bf 45%,#10b981);color:#022c22;font-weight:800;font-size:13.5px;border:1px solid #a7f3d0;border-radius:12px;padding:9px 18px;cursor:pointer;box-shadow:0 0 28px #2dd4bfa6,0 0 12px #34d39973,inset 0 1px #ffffff8c;transition:transform .12s ease,box-shadow .12s ease;white-space:nowrap}.btn-add-payment:hover{transform:translateY(-1px);box-shadow:0 0 36px #2dd4bfd9}.btn-signout{display:inline-flex;align-items:center;gap:8px;background:#0f172aa6;color:#e2e8f0;border:1px solid rgba(148,163,184,.32);border-radius:12px;padding:9px 15px;font-size:13px;font-weight:650;cursor:pointer;white-space:nowrap;box-shadow:inset 0 1px #ffffff0f}.btn-signout:hover{border-color:#94a3b899;color:#fff}.btn-help{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#0f172ab8;color:var(--cyan-soft);border:1px solid rgba(34,211,238,.42);border-radius:12px;padding:9px 13px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 0 12px #22d3ee24,inset 0 1px #a5f3fc1f}.btn-help:hover{border-color:#22d3eec7;background:#22d3ee1f;color:#fff}.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;margin-top:10px;align-items:stretch}.calendar-panel{padding:14px 18px 16px;min-width:0;background:radial-gradient(92% 72% at 50% 42%,#0c1e3e73,#081021e6 64%,#060b18f2);border-color:#22d3ee85;box-shadow:0 0 36px #22d3ee33,0 0 80px #0ea5e914,inset 0 0 26px #22d3ee0f,inset 0 1px #a5f3fc24,0 22px 54px #000000a3;display:flex;flex-direction:column}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:12px}.calendar-head h2{margin:0;font-size:22px;font-weight:800;letter-spacing:.2px;color:#fff}.calendar-nav{display:flex;gap:6px;align-items:center}.btn-today{background:#22d3ee1a;color:var(--cyan-soft);font-weight:700;font-size:12.5px;border:1px solid rgba(34,211,238,.55);border-radius:9px;padding:6px 14px;cursor:pointer;box-shadow:0 0 14px #22d3ee33,inset 0 0 8px #22d3ee1a}.btn-today:hover{background:#22d3ee2e}.btn-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:#0f172a99;border:1px solid rgba(148,163,184,.22);border-radius:9px;color:#cbd5e1;cursor:pointer;flex:none}.btn-icon:hover{color:var(--cyan-soft);border-color:#22d3ee80}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;flex:1}.weekday{font-size:10.5px;font-weight:700;letter-spacing:1.4px;color:#8b9bb4;text-align:center;padding:0 0 3px}.day-cell{min-height:82px;background:radial-gradient(125% 95% at 50% 100%,#102a5294,#09142ae0 56%,#060d1cf0);border:1px solid rgba(56,189,248,.24);border-radius:10px;padding:5px 6px;display:flex;flex-direction:column;gap:3px;min-width:0;position:relative;box-shadow:inset 0 1px #7dd3fc29,inset 0 0 18px #0e749029,0 4px 12px #02061273;transition:border-color .15s ease,box-shadow .15s ease}.day-cell.has-events{cursor:pointer}.day-cell.has-events:hover{border-color:#22d3ee7a;box-shadow:inset 0 1px #a5f3fc3d,inset 0 0 20px #22d3ee29,0 0 14px #22d3ee26}.day-cell.blank{background:radial-gradient(120% 90% at 50% 100%,#0b1b386b,#060d1cb8 72%);border-color:#38bdf824;box-shadow:inset 0 1px #7dd3fc14,inset 0 0 14px #0e749017}.day-cell.is-today{border:1.5px solid #22d3ee;background:radial-gradient(115% 95% at 50% 96%,#22d3ee5c,#0e345cd1 52%,#08142cf0);box-shadow:0 0 26px #22d3ee7a,0 0 10px #67e8f952,inset 0 0 22px #22d3ee42,inset 0 1px #a5f3fc73}.day-top{display:flex;align-items:center;justify-content:space-between;line-height:1}.day-number{font-size:12px;font-weight:700;color:#cbd5e1}.is-today .day-number{color:#22d3ee;font-weight:800;text-shadow:0 0 10px rgba(34,211,238,.6)}.day-open{width:16px;height:16px;border-radius:5px;border:1px solid transparent;background:transparent;color:var(--faint);font-size:12px;line-height:1;cursor:pointer;padding:0;opacity:0;transition:opacity .15s ease}.day-cell:hover .day-open{opacity:1}.day-open:hover{color:var(--cyan-soft);border-color:#22d3ee66}.day-chips{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;justify-content:center}.logo-badge{flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:800;color:#fff;background:linear-gradient(135deg,#ffffff40,#fff0 55%),var(--badge);box-shadow:inset 0 0 0 1px #fff3,0 2px 8px #0006;overflow:hidden;letter-spacing:.3px}.logo-badge-white{background:#fff;color:var(--badge);box-shadow:0 2px 6px #00000073,0 0 10px color-mix(in srgb,var(--badge) 45%,transparent)}.logo-badge-glow{background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--badge) 32%,#0a1224),#080d1af2);color:var(--badge);border:1px solid color-mix(in srgb,var(--badge) 55%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--badge) 28%,transparent),inset 0 0 8px color-mix(in srgb,var(--badge) 18%,transparent)}.logo-code-ne.logo-badge-glow{background:radial-gradient(circle at 50% 50%,#dc262638,#0a0a0ef5);color:#ef4444;border-color:#ef444473}.logo-badge-netflix{font-family:Impact,Arial Black,sans-serif;font-weight:900;color:#ef4444;letter-spacing:-.5px;text-shadow:0 0 8px rgba(239,68,68,.5)}.logo-badge img{width:100%;height:100%;object-fit:cover}.event-chip{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:3px;width:100%;max-width:100%;padding:5px 7px;border-radius:8px;background:linear-gradient(145deg,color-mix(in srgb,var(--chip-color, #22d3ee) 22%,rgba(12,20,38,.92)),#080e1cf2);border:1px solid color-mix(in srgb,var(--chip-color, #22d3ee) 68%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--chip-color, #22d3ee) 24%,transparent),inset 0 0 10px color-mix(in srgb,var(--chip-color, #22d3ee) 12%,transparent);min-width:0;overflow:hidden}.chip-main{display:flex;align-items:flex-start;gap:5px;min-width:0;width:100%}.chip-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}.chip-title{font-size:10px;font-weight:750;color:#fff;line-height:1.2;letter-spacing:-.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip-sub{display:flex;align-items:center;gap:3px;font-size:8.5px;color:#e2e8f0c7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip-sub svg{flex:none;opacity:.85}.chip-sub-label{overflow:hidden;text-overflow:ellipsis}.chip-foot{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;min-width:0}.chip-date{font-size:8px;font-weight:650;color:#cbd5e1c7;line-height:1.1;white-space:nowrap}.chip-sub-amount{margin-left:auto;font-size:10px;font-weight:800;line-height:1.1;white-space:nowrap}.chip-paid{flex:none;color:var(--emerald);display:inline-flex}.chip-m-amount{display:none}.day-cell.multi-events .day-chips{justify-content:flex-start;gap:2.5px}.day-cell.multi-events .event-chip{flex-direction:row;align-items:center;justify-content:space-between;padding:2px 5px;border-radius:6px;gap:4px}.day-cell.multi-events .chip-main{align-items:center;gap:5px;flex:1 1 auto}.day-cell.multi-events .logo-badge{width:14px!important;height:14px!important;border-radius:4px}.day-cell.multi-events .logo-badge svg{width:9px!important;height:9px!important}.day-cell.multi-events .chip-sub,.day-cell.multi-events .chip-date{display:none}.day-cell.multi-events .chip-foot{width:auto;flex:none}.day-cell.multi-events .chip-title{font-size:9.5px;font-weight:700}.day-cell.multi-events .chip-sub-amount{align-self:center;font-size:9.5px;font-weight:800;flex:none}.more-btn{align-self:flex-start;background:none;border:none;padding:0 2px;color:#94a3b8;font-size:9.5px;font-weight:700;cursor:pointer;line-height:1.1}.more-btn:hover{color:var(--cyan-soft)}.payment-panel{padding:16px 18px;min-width:0;background:radial-gradient(95% 65% at 50% 18%,rgba(255,77,125,.07) 0%,transparent 55%),radial-gradient(90% 75% at 50% 55%,#0e224473,#080f1feb 66%,#050a16f5);border-color:#22d3ee8f;box-shadow:0 0 38px #22d3ee38,0 0 85px #0ea5e91a,inset 0 0 26px #22d3ee12,inset 0 1px #a5f3fc29,0 24px 60px #000000b8;display:flex;flex-direction:column}.payment-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.payment-head h2{margin:0;font-size:17px;font-weight:750;color:#fff}.payment-icon,.payment-badge-right{width:36px;height:36px;border-radius:50%;flex:none;border:1.5px solid rgba(34,211,238,.65);background:radial-gradient(circle at 50% 35%,#22d3ee33,#080f1ee6);color:var(--cyan-soft);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 16px #22d3ee52,inset 0 0 8px #22d3ee26}.payment-badge-right{margin-left:auto}.payment-total{font-size:38px;font-weight:850;letter-spacing:-.5px;color:var(--pink);line-height:1.05;text-shadow:0 0 22px rgba(255,77,125,.38)}.payment-sub{color:var(--muted);font-size:12px;margin:5px 0 12px;line-height:1.4}.obligation-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between;gap:9px;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(34,211,238,.32) transparent}.obligation-list>li{display:flex;flex:1 0 auto}@media(min-width:1201px){.app-inner{min-height:100vh;display:flex;flex-direction:column}.overview-grid{flex:2.35 1 auto}.calendar-grid{grid-template-rows:max-content;grid-auto-rows:auto}.payment-panel{height:0;min-height:100%}.payment-empty{flex:1;justify-content:center}.managed-grid{flex:1 0 auto;align-items:stretch}.managed-card{display:flex;flex-direction:column}.managed-body{flex:1 1 auto;min-height:148px;justify-content:space-between}.managed-body>.muted-note{margin:auto;text-align:center}.manage-panel{flex:1 0 auto;display:flex;flex-direction:column}.manage-list{flex:1 0 auto}.manage-list>.muted-note{margin:auto;text-align:center}.payment-history{flex:0 0 auto;min-height:190px;display:flex;flex-direction:column;margin-top:24px}.payment-history>.muted-note{margin:auto;text-align:center}.app-footer{margin-top:auto}}.obligation-row{width:100%;display:flex;align-items:center;gap:12px;padding:10px 13px;border-radius:13px;cursor:pointer;text-align:left;background:linear-gradient(90deg,color-mix(in srgb,var(--ob-accent, #22d3ee) 10%,rgba(13,20,38,.85)),#0a1020d9 45%);border:1px solid rgba(148,163,184,.16);border-left:3.5px solid var(--ob-accent, var(--cyan));box-shadow:-4px 0 14px color-mix(in srgb,var(--ob-accent, #22d3ee) 25%,transparent);color:var(--text);transition:transform .12s ease,border-color .12s ease}.obligation-row:hover{transform:translateY(-1px);border-color:#94a3b859}.obligation-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}.obligation-title{font-size:13px;font-weight:750;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obligation-amount{font-size:15px;font-weight:850;color:var(--pink);white-space:nowrap;line-height:1.2}.obligation-due{font-size:11px;color:var(--muted)}.obligation-row>svg{color:#94a3b8;flex:none}.payment-empty{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--emerald);padding:24px 0}.payment-empty p{color:var(--muted);margin:0}.managed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:12px}.managed-card{position:relative;overflow:hidden;background:radial-gradient(95% 85% at 50% 100%,color-mix(in srgb,var(--accent) 12%,rgba(10,18,36,.9)),#070d1af0 70%);border-color:color-mix(in srgb,var(--accent) 58%,transparent);box-shadow:0 10px 36px color-mix(in srgb,var(--accent) 20%,transparent),0 0 26px color-mix(in srgb,var(--accent) 18%,transparent),inset 0 0 20px color-mix(in srgb,var(--accent) 8%,transparent),0 18px 44px #0000009e}.managed-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);box-shadow:0 0 14px var(--accent)}.managed-head{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px 8px;color:var(--text)}.managed-icon{width:38px;height:38px;border-radius:50%;flex:none;border:1.5px solid var(--accent);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--accent) 22%,transparent),#080e1ce6);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 16px color-mix(in srgb,var(--accent) 35%,transparent)}.managed-text{display:flex;flex-direction:column;gap:1px;min-width:0}.managed-title{font-size:16px;font-weight:800;color:#fff}.managed-sub{font-size:11.5px;color:var(--muted)}.btn-view-all{margin-left:auto;background:#0f172ac7;color:#e2e8f0;border:1px solid color-mix(in srgb,var(--accent) 42%,rgba(148,163,184,.3));border-radius:8px;padding:5px 11px;font-size:11.5px;font-weight:650;cursor:pointer;white-space:nowrap;transition:all .15s ease}.btn-view-all:hover{border-color:var(--accent);color:#fff;box-shadow:0 0 12px color-mix(in srgb,var(--accent) 30%,transparent)}.managed-body{display:flex;flex-direction:column;gap:6px;padding:4px 12px 12px}.managed-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;background:#0d1526c7;border:1px solid rgba(148,163,184,.13);cursor:pointer;transition:border-color .15s ease,background .15s ease}.managed-row:hover{border-color:color-mix(in srgb,var(--accent) 45%,rgba(148,163,184,.3));background:#111b30e6}.managed-row-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}.managed-row-title{font-size:12.5px;font-weight:750;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.managed-row-meta{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.managed-row-amount{font-size:13px;font-weight:800;color:#fff;white-space:nowrap;flex:none}.managed-row-chevron{color:#94a3b8;display:inline-flex;align-items:center;flex:none}.row-actions{display:none;gap:2px;flex:none}.managed-row:hover .row-actions{display:flex}.icon-btn{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--muted);cursor:pointer;padding:0}.icon-btn:hover{color:var(--text);border-color:#94a3b859}.icon-btn.danger:hover{color:#fda4af;border-color:#f43f5e80}.managed-add{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:2px;padding:8px;border-radius:9px;cursor:pointer;background:#22d3ee0f;border:1px dashed rgba(34,211,238,.4);color:var(--cyan-soft);font-size:12px;font-weight:650}.managed-add:hover{background:#22d3ee1f}.app-footer{display:flex;align-items:center;justify-content:flex-start;gap:16px;margin-top:10px;padding:6px 4px 0;border-top:1px solid rgba(148,163,184,.1)}.legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0;padding:0}.legend-item{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;color:#cbd5e1}.legend-icon{width:22px;height:22px;border-radius:6px;border:1px solid;display:inline-flex;align-items:center;justify-content:center;flex:none}.footer-slogan{margin-left:clamp(22px,3.8vw,72px);margin-right:auto;font-size:10.5px;font-weight:700;letter-spacing:2.8px;text-transform:uppercase;color:#a5f3fcc7;text-shadow:0 0 12px rgba(34,211,238,.24);white-space:nowrap}.footer-brand{margin-left:auto;display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#8b9bb4;white-space:nowrap}.footer-dash{display:inline-block;width:26px;height:2px;background:var(--cyan);box-shadow:0 0 8px var(--cyan);margin-right:10px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#02040ab8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:100%;max-width:480px;max-height:92vh;overflow-y:auto;background:var(--panel-solid);border:1px solid rgba(103,232,249,.22);border-radius:18px;box-shadow:0 30px 80px #0009,0 0 40px #22d3ee14}.modal.wide{max-width:620px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 0}.modal-head h3{margin:0;font-size:17px;font-weight:750}.modal-body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;min-width:0}.field-label{color:var(--muted);font-size:12px;font-weight:650;letter-spacing:.3px}.input{width:100%;background:#ffffff0a;border:1px solid rgba(148,163,184,.28);border-radius:10px;padding:10px 12px;color:var(--text);font-size:14px}.input::placeholder{color:#94a3b87a;font-weight:400;opacity:1}.input:focus{outline:none;border-color:#22d3eeb3;box-shadow:0 0 0 3px #22d3ee26}select.input option{background:var(--panel-solid)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-preview{display:flex;flex-direction:column;gap:6px;padding:11px 14px;border-radius:12px;background:#0f1b32b8;border:1px solid rgba(34,211,238,.32);box-shadow:inset 0 0 16px #22d3ee0f;font-size:13px}.preview-row{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#cbd5e1}.preview-row strong{color:#fff;font-weight:750}.preview-row.preview-result{margin-top:4px;padding-top:6px;border-top:1px dashed rgba(148,163,184,.24);color:var(--cyan-soft)}.preview-row.preview-result strong{color:var(--emerald);font-size:14px}.preview-row.preview-result.is-error,.preview-row.preview-result.is-error strong{color:#f87171}.help-guide{display:flex;flex-direction:column;gap:12px}.help-step{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:12px;background:#0f192ead;border:1px solid rgba(56,189,248,.22)}.help-num{width:26px;height:26px;border-radius:8px;background:#22d3ee24;border:1px solid rgba(34,211,238,.48);color:var(--cyan-soft);font-size:12.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none;margin-top:1px}.help-text{display:flex;flex-direction:column;gap:3px;min-width:0}.help-text h4{margin:0;font-size:14px;font-weight:750;color:#fff}.help-text p{margin:0;font-size:13px;line-height:1.5;color:#cbd5e1}.help-ending{margin:2px 0 0;padding:10px 12px;border-radius:10px;background:#34d39914;border:1px solid rgba(52,211,153,.32);color:#d1fae5;font-size:13px;font-weight:600;line-height:1.5}.segmented{display:flex;gap:4px;background:#ffffff0a;border-radius:12px;padding:4px}.segment{flex:1;padding:9px 6px;border-radius:9px;border:none;background:transparent;color:var(--muted);font-size:13px;font-weight:650;cursor:pointer}.segment.active{background:#22d3ee29;color:var(--cyan-soft)}.swatches{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.swatch{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid transparent;padding:0}.swatch.selected{border-color:#fff;box-shadow:0 0 10px #ffffff59}.swatch.custom{overflow:hidden}.swatch.custom::-webkit-color-swatch-wrapper{padding:0}.swatch.custom::-webkit-color-swatch{border:none;border-radius:50%}.form-error{color:#f87171;font-size:13px;margin:0}.form-ok{color:var(--emerald);font-size:13px;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:2px}.confirm-text{color:var(--muted);font-size:14px;line-height:1.65;margin:0}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#34d399,#10b981);color:#022c22;font-weight:800;font-size:14px;border:none;border-radius:12px;padding:11px 20px;cursor:pointer;box-shadow:0 0 18px #34d39959;white-space:nowrap}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.btn-ghost{background:transparent;color:var(--text);border:1px solid rgba(148,163,184,.3);border-radius:12px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer}.btn-ghost:hover{border-color:#94a3b899}.btn-danger{background:#f43f5e24;color:#fda4af;border:1px solid rgba(244,63,94,.45);border-radius:12px;padding:10px 18px;font-size:14px;font-weight:700;cursor:pointer}.btn-danger:hover{background:#f43f5e38}.link-btn{background:none;border:none;color:var(--cyan-soft);font-size:13px;cursor:pointer;padding:4px}.link-btn:hover{text-decoration:underline}.day-list{display:flex;flex-direction:column;gap:8px}.day-list .chip-title{white-space:normal}.day-list .chip-sub{display:flex;white-space:normal}.manage-panel{margin-top:14px;padding:20px}.manage-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap}.manage-head h2{margin:0 0 4px;font-size:20px;font-weight:750}.manage-head .muted{margin:0;font-size:13px}.manage-list{display:flex;flex-direction:column;gap:10px}.manage-row{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:14px;background:#ffffff06;border:1px solid rgba(148,163,184,.12)}.manage-row-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}.manage-row-title{font-size:15px;font-weight:650;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.manage-row-meta{font-size:12.5px;color:var(--muted)}.manage-row-amounts{display:flex;flex-direction:column;gap:2px;text-align:right;font-size:13.5px;font-weight:700;white-space:nowrap;flex:none}.manage-row .row-actions{display:flex;gap:4px}.paid-pill{font-size:10.5px;font-weight:750;color:var(--emerald);background:#34d3991f;border:1px solid rgba(52,211,153,.45);border-radius:20px;padding:2px 9px;margin-left:4px;white-space:nowrap}.status-pill{font-size:10.5px;font-weight:750;border-radius:20px;padding:2px 9px;margin-left:4px;white-space:nowrap}.status-pill.is-partial{color:var(--amber);background:#fbbf241f;border:1px solid rgba(251,191,36,.45)}.status-pill.is-upcoming{color:var(--cyan-soft);background:#22d3ee1a;border:1px solid rgba(34,211,238,.35)}.ob-status-pill{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:10px;font-size:9.5px;font-weight:750;color:var(--amber);background:#fbbf2424;border:1px solid rgba(251,191,36,.45);vertical-align:middle}.payment-history{margin-top:20px;border-top:1px solid rgba(148,163,184,.12);padding-top:14px}.payment-history h3{margin:0 0 8px;font-size:15px;font-weight:700}.payment-history ul{list-style:none;margin:0;padding:0}.history-row{display:flex;align-items:center;gap:12px;padding:8px 4px;border-bottom:1px dashed rgba(148,163,184,.14);font-size:13.5px}.history-label{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-date{color:var(--muted);font-size:12.5px;flex:none}.history-amount{font-weight:750;flex:none}.restore-row{margin-top:16px;text-align:center}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;z-index:1}.auth-card{width:100%;max-width:430px;padding:32px 30px}.auth-brand{justify-content:center;margin-bottom:20px}.auth-card h2{text-align:center;margin:0 0 6px;font-size:20px}.auth-note{font-size:12.5px;color:var(--muted);text-align:center;line-height:1.6;background:#fbbf2412;border:1px solid rgba(251,191,36,.3);border-radius:10px;padding:10px 12px;margin:12px 0 4px}.auth-tabs{display:flex;gap:8px;margin:14px 0 16px}.auth-tabs button{flex:1;padding:10px;border-radius:10px;border:1px solid transparent;background:#ffffff0a;color:var(--muted);font-size:13.5px;font-weight:700;cursor:pointer}.auth-tabs button.active{color:var(--cyan-soft);border-color:#22d3ee80;background:#22d3ee14}.auth-card .field{margin-bottom:12px}.auth-links{text-align:center;margin-top:12px}.auth-privacy{text-align:center;color:var(--faint);font-size:12px;margin:18px 0 0;line-height:1.6}.loader-wrap{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--muted)}.loader{width:38px;height:38px;border-radius:50%;border:3px solid rgba(34,211,238,.2);border-top-color:var(--cyan);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1200px){.overview-grid{grid-template-columns:1fr}.payment-panel .obligation-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:960px){.managed-grid{grid-template-columns:1fr}.app-inner{padding:14px 16px 20px}.app-header{gap:12px;flex-wrap:wrap}.main-nav{order:3;width:100%;margin:0;overflow-x:auto}.nav-pill{padding:8px 14px;font-size:12.5px}}@media(max-width:640px){.app-inner{padding:10px 10px 20px;width:100%;max-width:100vw;overflow-x:hidden}.app-header{gap:8px;padding:2px 0 4px}.brand{gap:9px;min-width:0}.brand-icon{width:36px;height:36px;border-radius:10px}.brand-icon svg{width:19px;height:19px}.brand-title{font-size:15.5px}.brand-sub{font-size:8.5px;letter-spacing:3px}.header-actions{width:100%;gap:8px}.btn-add-payment{flex:1;justify-content:center;padding:9px 12px;font-size:13px}.btn-signout,.btn-help{padding:9px 12px;font-size:12.5px}.main-nav{width:100%;display:flex;justify-content:space-between;gap:2px;padding:3px;overflow-x:visible}.nav-pill{flex:1 1 auto;justify-content:center;padding:7px 5px;font-size:11px;gap:4px;border-radius:8px}.nav-pill svg{width:12px;height:12px;flex:none}.overview-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:8px}.managed-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:12px}.payment-panel .obligation-list{grid-template-columns:minmax(0,1fr);gap:8px}.calendar-panel{padding:10px 7px 12px;border-radius:14px}.calendar-head{margin-bottom:8px;gap:8px}.calendar-head h2{font-size:17px}.btn-today{padding:5px 10px;font-size:11.5px}.btn-icon{width:28px;height:28px}.calendar-grid{gap:3px;grid-template-columns:repeat(7,minmax(0,1fr))}.weekday{font-size:8.5px;letter-spacing:.6px;padding:0 0 2px}.day-cell{min-height:76px;padding:3px 2.5px;gap:2px;border-radius:7px}.day-number{font-size:9.5px}.day-open{display:none}.event-chip{padding:2.5px 3px;border-radius:5px;gap:2px}.chip-main{gap:2.5px;align-items:flex-start}.day-cell .logo-badge{width:11px!important;height:11px!important;border-radius:3px;font-size:6px!important;margin-top:1px}.day-cell .logo-badge img{padding:1px!important}.day-cell .logo-badge svg{width:7px!important;height:7px!important}.chip-title{font-size:7.4px;line-height:1.15;letter-spacing:-.2px}.chip-sub{font-size:6.3px;gap:1.5px}.chip-sub svg{width:6.5px;height:6.5px}.chip-foot{flex-direction:column;align-items:flex-start;gap:1px}.chip-date{font-size:6px;line-height:1.05;max-width:100%;overflow:hidden;text-overflow:ellipsis}.chip-sub-amount{margin-left:0;font-size:7.4px;line-height:1.05}.day-cell.multi-events .day-chips{gap:2px}.day-cell.multi-events .event-chip{flex-direction:column;align-items:stretch;padding:2px 3px;border-radius:4px;gap:1px}.day-cell.multi-events .chip-main{gap:2.5px;width:100%}.day-cell.multi-events .logo-badge{width:10px!important;height:10px!important;border-radius:2.5px}.day-cell.multi-events .logo-badge svg{width:6.5px!important;height:6.5px!important}.day-cell.multi-events .chip-title{font-size:6.8px;line-height:1.1}.day-cell.multi-events .chip-foot{width:100%;flex-direction:row;justify-content:flex-end}.day-cell.multi-events .chip-sub-amount{font-size:6.8px;margin-left:auto}.more-btn{font-size:7.5px;padding:0 1px}.payment-panel{padding:14px;border-radius:14px}.payment-total{font-size:30px}.obligation-row{padding:9px 11px;gap:10px}.managed-card{border-radius:14px}.managed-head{padding:11px 12px 7px;gap:10px}.managed-body{padding:4px 10px 11px}.managed-row{padding:7px 9px;gap:9px}.form-row{grid-template-columns:1fr}.manage-row-amounts{font-size:12.5px}.app-footer{flex-direction:column;align-items:flex-start;gap:8px;margin-top:12px;padding:8px 2px 4px}.legend{gap:6px 12px}.legend-item{font-size:10.5px;gap:5px}.legend-icon{width:19px;height:19px}.footer-slogan{margin:2px 0 0;font-size:9.5px;letter-spacing:1.8px;white-space:normal;line-height:1.35}.footer-brand{margin-left:0;font-size:9.5px;letter-spacing:2.4px}}@media(min-width:1201px)and (max-height:940px){.app-inner{padding:10px 22px}.app-header{padding:2px 0 4px;gap:16px}.brand-icon{width:40px;height:40px;border-radius:11px}.brand-title{font-size:18.5px}.brand-sub{font-size:9.5px;letter-spacing:3.8px}.main-nav{padding:4px}.nav-pill{padding:7px 14px;font-size:12.5px}.btn-add-payment{padding:8px 16px;font-size:13px}.btn-signout,.btn-help{padding:8px 14px;font-size:12.5px}.overview-grid{margin-top:8px;gap:14px;grid-template-columns:minmax(0,1fr) 332px}.calendar-panel{padding:12px 16px 13px}.calendar-head{margin-bottom:8px}.calendar-head h2{font-size:19px}.btn-today{font-size:12px;padding:5px 12px}.btn-icon{width:28px;height:28px}.weekday{font-size:10px;padding:0 0 2px}.calendar-grid{gap:6px}.day-cell{min-height:78px;padding:4px 5px;gap:2px;border-radius:9px}.day-number{font-size:11.5px}.day-cell.single-event .event-chip{padding:4px 5px;border-radius:7px;gap:3px}.day-cell.single-event .logo-badge{width:19px!important;height:19px!important;border-radius:5px}.day-cell.single-event .chip-title{font-size:9.3px;letter-spacing:-.15px}.day-cell.single-event .chip-sub{font-size:8px}.day-cell.single-event .chip-date{font-size:7.5px}.day-cell.single-event .chip-sub-amount{font-size:9.5px}.day-cell.multi-events .day-chips{gap:2px}.day-cell.multi-events .event-chip{padding:1.5px 4px;border-radius:5px}.day-cell.multi-events .logo-badge{width:13px!important;height:13px!important;border-radius:3.5px}.day-cell.multi-events .chip-title,.day-cell.multi-events .chip-sub-amount,.more-btn{font-size:9px}.payment-panel{padding:14px 16px}.payment-head{margin-bottom:8px}.payment-icon,.payment-badge-right{width:34px;height:34px}.payment-head h2{font-size:16px}.payment-total{font-size:34px}.payment-sub{font-size:11.5px;margin:4px 0 10px}.obligation-list{gap:8px}.obligation-row{padding:8px 12px;border-radius:12px;gap:10px}.obligation-row .logo-badge{width:36px!important;height:36px!important;border-radius:9px}.obligation-title{font-size:12.5px}.obligation-amount{font-size:14px}.obligation-due{font-size:10.5px}.managed-grid{margin-top:10px;gap:14px}.managed-head{padding:10px 13px 6px;gap:10px}.managed-icon{width:34px;height:34px}.managed-title{font-size:15px}.managed-sub{font-size:11px}.btn-view-all{padding:4px 10px;font-size:11px}.managed-body{padding:4px 11px 10px;gap:5px;min-height:120px}.managed-row{padding:6px 9px;border-radius:9px;gap:9px}.managed-row .logo-badge{width:28px!important;height:28px!important;border-radius:7px}.managed-row-title{font-size:12px}.managed-row-meta{font-size:10px}.managed-row-amount{font-size:12.5px}.app-footer{margin-top:8px;padding-top:5px}.legend{gap:6px 16px}.legend-item{font-size:11px}.legend-icon{width:20px;height:20px}.footer-slogan{font-size:9.8px;letter-spacing:2.4px}.footer-brand{font-size:10px;letter-spacing:2.6px}}@media(min-width:1201px)and (max-height:820px){.app-inner{padding:6px 18px}.app-header{padding:2px 0;gap:12px}.brand-icon{width:34px;height:34px;border-radius:9px}.brand-icon svg{width:20px;height:20px}.brand-title{font-size:16.5px}.brand-sub{font-size:8.5px;letter-spacing:3.2px}.main-nav{padding:3px;border-radius:11px}.nav-pill{padding:5px 12px;font-size:11.5px;gap:6px;border-radius:8px}.btn-add-payment{padding:6px 13px;font-size:12px;border-radius:10px}.btn-signout,.btn-help{padding:6px 11px;font-size:11.5px;border-radius:10px}.overview-grid{margin-top:6px;gap:12px;grid-template-columns:minmax(0,1fr) 310px}.calendar-panel{padding:9px 13px 10px;border-radius:14px}.calendar-head{margin-bottom:5px}.calendar-head h2{font-size:16.5px}.btn-today{font-size:11px;padding:4px 10px;border-radius:7px}.btn-icon{width:25px;height:25px;border-radius:7px}.weekday{font-size:9px;padding:0 0 1px}.calendar-grid{gap:5px}.day-cell{min-height:64px;padding:3px 5px;gap:1.5px;border-radius:8px}.day-number{font-size:10px}.day-cell.single-event .event-chip{padding:3px 5px;border-radius:6px}.day-cell.single-event .logo-badge{width:17px!important;height:17px!important;border-radius:5px}.day-cell.single-event .logo-badge svg{width:10px!important;height:10px!important}.day-cell.single-event .chip-title{font-size:9px;line-height:1.15}.day-cell.single-event .chip-sub{font-size:7.5px;gap:2px}.day-cell.single-event .chip-sub svg{width:8px;height:8px}.day-cell.single-event .chip-date{font-size:7px}.day-cell.single-event .chip-sub-amount{font-size:9px}.day-cell.multi-events .day-chips{gap:1.5px}.day-cell.multi-events .event-chip{padding:1px 4px;border-radius:4px}.day-cell.multi-events .logo-badge{width:11px!important;height:11px!important;border-radius:3px}.day-cell.multi-events .logo-badge svg{width:7px!important;height:7px!important}.day-cell.multi-events .chip-title{font-size:8px;line-height:1.15}.day-cell.multi-events .chip-sub-amount,.more-btn{font-size:8px}.payment-panel{padding:10px 13px;border-radius:14px}.payment-head{margin-bottom:5px;gap:8px}.payment-icon,.payment-badge-right{width:28px;height:28px}.payment-icon svg,.payment-badge-right svg{width:14px;height:14px}.payment-head h2{font-size:14.5px}.payment-total{font-size:28px}.payment-sub{font-size:10.5px;margin:2px 0 7px;line-height:1.3}.obligation-list{gap:6px}.obligation-row{padding:6px 10px;border-radius:10px;gap:9px}.obligation-row .logo-badge{width:30px!important;height:30px!important;border-radius:8px}.obligation-title{font-size:11.5px}.obligation-amount{font-size:12.5px}.obligation-due{font-size:9.5px}.managed-grid{margin-top:7px;gap:12px}.managed-card{border-radius:14px}.managed-head{padding:7px 11px 4px;gap:8px}.managed-icon{width:28px;height:28px}.managed-icon svg{width:15px;height:15px}.managed-title{font-size:13.5px}.managed-sub{font-size:10px}.btn-view-all{padding:3px 8px;font-size:10px;border-radius:6px}.managed-body{padding:3px 10px 7px;gap:4px;min-height:96px}.managed-row{padding:4px 8px;border-radius:8px;gap:8px}.managed-row .logo-badge{width:24px!important;height:24px!important;border-radius:6px}.managed-row-title{font-size:11px;line-height:1.15}.managed-row-meta{font-size:9.5px;line-height:1.15}.managed-row-amount{font-size:11.5px}.app-footer{margin-top:5px;padding-top:4px}.legend{gap:4px 14px}.legend-item{font-size:10px;gap:5px}.legend-icon{width:18px;height:18px;border-radius:5px}.legend-icon svg{width:10px;height:10px}.footer-slogan{font-size:8.8px;letter-spacing:2px}.footer-brand{font-size:9px;letter-spacing:2.2px}.footer-dash{width:20px;margin-right:8px}}@media(min-width:1920px)and (min-height:960px){.app-inner{max-width:min(96vw,2320px);padding:14px 32px 12px}.app-header{padding:3px 0 7px;gap:24px}.brand{gap:14px}.brand-icon{width:48px;height:48px;border-radius:13px}.brand-icon svg{width:25px;height:25px}.brand-title{font-size:22px}.brand-sub{font-size:11px;letter-spacing:4.5px}.main-nav{padding:5px;border-radius:15px;gap:5px}.nav-pill{padding:9px 18px;font-size:14px;gap:9px;border-radius:11px}.nav-pill svg{width:16px;height:16px}.header-actions{gap:12px}.btn-add-payment{padding:10px 20px;font-size:14.5px;border-radius:13px}.btn-signout,.btn-help{padding:10px 17px;font-size:14px;border-radius:13px}.overview-grid{grid-template-columns:minmax(0,1fr) 400px;gap:20px;margin-top:12px}.calendar-panel{padding:15px 22px 16px;border-radius:20px}.calendar-head{margin-bottom:10px}.calendar-head h2{font-size:24px}.btn-today{font-size:13.5px;padding:7px 16px;border-radius:10px}.btn-icon{width:34px;height:34px;border-radius:10px}.btn-icon svg{width:18px;height:18px}.weekday{font-size:11.5px;letter-spacing:1.5px;padding:0 0 4px}.calendar-grid{gap:8px}.day-cell{min-height:86px;padding:6px 8px;gap:4px;border-radius:12px}.day-number{font-size:13.5px}.day-open{width:18px;height:18px;font-size:14px}.day-cell.single-event .event-chip{padding:6px 8px;border-radius:9px;gap:4px}.day-cell.single-event .chip-main{gap:7px}.day-cell.single-event .logo-badge{width:25px!important;height:25px!important;border-radius:6px}.day-cell.single-event .logo-badge svg{width:14px!important;height:14px!important}.day-cell.single-event .chip-title{font-size:11.5px;line-height:1.2}.day-cell.single-event .chip-sub{font-size:9.5px;gap:4px}.day-cell.single-event .chip-sub svg{width:11px;height:11px}.day-cell.single-event .chip-date{font-size:9px}.day-cell.single-event .chip-sub-amount{font-size:11.5px}.day-cell.multi-events{padding:4px 8px;gap:2px}.day-cell.multi-events .day-chips{gap:2.5px}.day-cell.multi-events .event-chip{padding:2px 6px;border-radius:6px;gap:5px}.day-cell.multi-events .logo-badge{width:16px!important;height:16px!important;border-radius:4px}.day-cell.multi-events .logo-badge svg{width:10px!important;height:10px!important}.day-cell.multi-events .chip-title,.day-cell.multi-events .chip-sub-amount,.more-btn{font-size:10.5px}.payment-panel{padding:17px 22px;border-radius:20px}.payment-head{margin-bottom:10px;gap:12px}.payment-icon,.payment-badge-right{width:40px;height:40px}.payment-icon svg,.payment-badge-right svg{width:20px;height:20px}.payment-head h2{font-size:19px}.payment-total{font-size:42px}.payment-sub{font-size:13px;margin:5px 0 12px}.obligation-list{gap:10px}.obligation-row{padding:11px 15px;border-radius:14px;gap:13px}.obligation-row .logo-badge{width:44px!important;height:44px!important;border-radius:10px}.obligation-title{font-size:14.5px}.obligation-amount{font-size:16.5px}.obligation-due{font-size:12px}.obligation-row>svg{width:18px;height:18px}.managed-grid{margin-top:14px;gap:20px}.managed-card{border-radius:20px}.managed-head{padding:13px 18px 9px;gap:13px}.managed-icon{width:42px;height:42px}.managed-icon svg{width:22px;height:22px}.managed-title{font-size:17.5px}.managed-sub{font-size:12.5px}.btn-view-all{padding:6px 13px;font-size:12.5px;border-radius:9px}.managed-body{padding:5px 15px 13px;gap:7px;min-height:207px}.managed-body>.muted-note{font-size:14px}.managed-row{padding:9px 12px;border-radius:11px;gap:11px}.managed-row .logo-badge{width:34px!important;height:34px!important;border-radius:8px}.managed-row-title{font-size:14px}.managed-row-meta{font-size:11.5px}.managed-row-amount{font-size:14.5px}.managed-row-chevron svg{width:16px;height:16px}.manage-panel{margin-top:12px;padding:22px 26px;border-radius:20px}.manage-head{margin-bottom:18px}.manage-head h2{font-size:24px}.manage-head .muted{font-size:14px}.manage-head .btn-primary{padding:11px 22px;font-size:14.5px;border-radius:13px;gap:8px}.manage-list{gap:11px}.manage-list>.muted-note,.payment-history>.muted-note{font-size:14.5px}.manage-row{padding:13px 18px;border-radius:15px;gap:15px}.manage-row .logo-badge{width:44px!important;height:44px!important;border-radius:10px}.manage-row-title{font-size:16px;gap:8px}.manage-row-meta{font-size:13px}.manage-row-amounts{font-size:15px;gap:3px}.paid-pill,.status-pill{font-size:11.5px;padding:2.5px 10px}.manage-row .icon-btn{width:28px;height:28px;border-radius:7px}.manage-row .icon-btn svg{width:16px;height:16px}.payment-history{margin-top:22px;padding-top:18px;min-height:210px}.payment-history h3{font-size:17px;margin-bottom:10px}.history-row{padding:10px 6px;font-size:14.5px;gap:14px}.history-date{font-size:13.5px}.app-footer{margin-top:auto;padding-top:8px}.legend{gap:10px 22px}.legend-item{font-size:12.5px;gap:8px}.legend-icon{width:24px;height:24px;border-radius:7px}.legend-icon svg{width:14px;height:14px}.footer-slogan{font-size:11.5px;letter-spacing:2.8px}.footer-brand{font-size:11.5px;letter-spacing:3.2px}.footer-dash{width:30px;margin-right:12px}}@media(min-width:2400px)and (min-height:1100px){.app-inner{max-width:min(96vw,3100px);padding:16px 44px 14px}.app-header{padding:4px 0 8px;gap:28px}.brand{gap:16px}.brand-icon{width:54px;height:54px;border-radius:14px}.brand-icon svg{width:28px;height:28px}.brand-title{font-size:26px}.brand-sub{font-size:12.5px;letter-spacing:4.8px}.main-nav{padding:5px;border-radius:15px;gap:6px}.nav-pill{padding:10px 21px;font-size:16px;gap:9px;border-radius:11px}.nav-pill svg{width:18px;height:18px}.header-actions{gap:14px}.btn-add-payment{padding:11px 23px;font-size:16.5px;border-radius:13px;gap:9px}.btn-add-payment svg{width:17px;height:17px}.btn-signout,.btn-help{padding:11px 19px;font-size:15.5px;border-radius:13px;gap:9px}.btn-signout svg{width:17px;height:17px}.overview-grid{grid-template-columns:minmax(0,1fr) 520px;gap:24px;margin-top:14px}.calendar-panel{padding:18px 26px 20px;border-radius:22px}.calendar-head{margin-bottom:12px}.calendar-head h2{font-size:28px}.calendar-nav{gap:8px}.btn-today{font-size:15.5px;padding:8px 19px;border-radius:10px}.btn-icon{width:38px;height:38px;border-radius:10px}.btn-icon svg{width:19px;height:19px}.weekday{font-size:13px;letter-spacing:1.8px;padding:0 0 5px}.calendar-grid{gap:10px}.day-cell{min-height:104px;padding:8px 10px;gap:5px;border-radius:14px}.day-number{font-size:16px}.day-open{width:21px;height:21px;font-size:15px}.day-cell.single-event .event-chip{padding:8px 11px;border-radius:11px;gap:5px}.day-cell.single-event .chip-main{gap:8px}.day-cell.single-event .logo-badge{width:31px!important;height:31px!important;border-radius:8px}.day-cell.single-event .logo-badge svg{width:17px!important;height:17px!important}.day-cell.single-event .chip-title{font-size:14.5px;line-height:1.22}.day-cell.single-event .chip-sub{font-size:12px;gap:5px}.day-cell.single-event .chip-sub svg{width:12px;height:12px}.day-cell.single-event .chip-date{font-size:11.5px}.day-cell.single-event .chip-sub-amount{font-size:14.5px}.day-cell.multi-events{padding:5px 10px;gap:3px}.day-cell.multi-events .day-chips{gap:2.5px}.day-cell.multi-events .event-chip{padding:2.5px 8px;border-radius:7.5px;gap:6px}.day-cell.multi-events .logo-badge{width:20px!important;height:20px!important;border-radius:5px}.day-cell.multi-events .logo-badge svg{width:12px!important;height:12px!important}.day-cell.multi-events .chip-title{font-size:12.5px;line-height:1.15}.day-cell.multi-events .chip-sub-amount{font-size:12.5px}.more-btn{font-size:12px}.payment-panel{padding:20px 26px;border-radius:22px}.payment-head{margin-bottom:12px;gap:13px}.payment-icon,.payment-badge-right{width:46px;height:46px}.payment-icon svg,.payment-badge-right svg{width:23px;height:23px}.payment-head h2{font-size:22px}.payment-total{font-size:52px}.payment-sub{font-size:15px;margin:6px 0 14px}.obligation-list{gap:12px}.obligation-row{padding:14px 19px;border-radius:16px;gap:15px}.obligation-row .logo-badge{width:52px!important;height:52px!important;border-radius:12px}.obligation-title{font-size:17.5px}.obligation-amount{font-size:20px}.obligation-due{font-size:14px}.obligation-row>svg{width:19px;height:19px}.managed-grid{margin-top:16px;gap:24px}.managed-card{border-radius:22px}.managed-head{padding:16px 22px 10px;gap:15px}.managed-icon{width:48px;height:48px}.managed-icon svg{width:25px;height:25px}.managed-title{font-size:21px}.managed-sub{font-size:14.5px}.btn-view-all{padding:8px 16px;font-size:14.5px;border-radius:10px}.managed-body{padding:6px 20px 16px;gap:9px;min-height:264px}.managed-body>.muted-note{font-size:16px}.managed-row{padding:11px 16px;border-radius:13px;gap:14px}.managed-row .logo-badge{width:42px!important;height:42px!important;border-radius:10px}.managed-row-title{font-size:16.5px;line-height:1.22}.managed-row-meta{font-size:13.5px;line-height:1.22}.managed-row-amount{font-size:17.5px}.managed-row-chevron svg{width:18px;height:18px}.manage-panel{margin-top:14px;padding:26px 32px;border-radius:22px}.manage-head{margin-bottom:20px}.manage-head h2{font-size:28px}.manage-head .muted{font-size:15.5px}.manage-head .btn-primary{padding:12px 24px;font-size:16px;border-radius:13px;gap:9px}.manage-head .btn-primary svg{width:17px;height:17px}.manage-list{gap:13px}.manage-list>.muted-note,.payment-history>.muted-note{font-size:16.5px}.manage-row{padding:15px 22px;border-radius:16px;gap:16px}.manage-row .logo-badge{width:48px!important;height:48px!important;border-radius:11px}.manage-row-title{font-size:18px;gap:9px}.manage-row-meta{font-size:14.5px}.manage-row-amounts{font-size:16.5px;gap:3px}.paid-pill,.status-pill{font-size:12.5px;padding:3px 11px}.manage-row .icon-btn{width:32px;height:32px;border-radius:8px}.manage-row .icon-btn svg{width:18px;height:18px}.payment-history{margin-top:26px;padding-top:20px;min-height:250px}.payment-history h3{font-size:20px;margin-bottom:12px}.history-row{padding:12px 8px;font-size:16px;gap:16px}.history-date{font-size:14.5px}.app-footer{margin-top:auto;padding-top:9px}.legend{gap:10px 26px}.legend-item{font-size:14.5px;gap:9px}.legend-icon{width:28px;height:28px;border-radius:7px}.legend-icon svg{width:16px;height:16px}.footer-slogan{font-size:13px;letter-spacing:3.2px}.footer-brand{font-size:13.5px;letter-spacing:3.5px}.footer-dash{width:34px;height:2.5px;margin-right:12px}}@media(min-width:3200px)and (min-height:1700px){.app-inner{max-width:min(96vw,3720px);padding:20px 60px 18px}.app-header{padding:4px 0 10px;gap:34px}.brand{gap:20px}.brand-icon{width:74px;height:74px;border-radius:18px}.brand-icon svg{width:38px;height:38px}.brand-title{font-size:35px}.brand-sub{font-size:16.5px;letter-spacing:6px}.main-nav{padding:7px;border-radius:20px;gap:8px}.nav-pill{padding:14px 28px;font-size:21px;gap:12px;border-radius:15px}.nav-pill svg{width:24px;height:24px}.header-actions{gap:18px}.btn-add-payment{padding:15px 30px;font-size:22px;border-radius:17px;gap:12px}.btn-add-payment svg{width:23px;height:23px}.btn-signout,.btn-help{padding:15px 25px;font-size:20px;border-radius:17px;gap:12px}.btn-signout svg{width:23px;height:23px}.overview-grid{grid-template-columns:minmax(0,1fr) 740px;gap:34px;margin-top:18px}.calendar-panel{padding:24px 34px;border-radius:28px}.calendar-head{margin-bottom:16px}.calendar-head h2{font-size:38px}.calendar-nav{gap:10px}.btn-today{font-size:20px;padding:11px 25px;border-radius:14px}.btn-icon{width:50px;height:50px;border-radius:14px}.btn-icon svg{width:25px;height:25px}.weekday{font-size:17.5px;letter-spacing:2.2px;padding:0 0 6px}.calendar-grid{gap:12px}.day-cell{min-height:170px;padding:10px 13px;gap:6px;border-radius:18px}.day-number{font-size:21px}.day-open{width:28px;height:28px;font-size:20px}.day-cell.single-event .event-chip{padding:11px 14px;border-radius:14px;gap:7px}.day-cell.single-event .chip-main{gap:11px}.day-cell.single-event .logo-badge{width:42px!important;height:42px!important;border-radius:10px}.day-cell.single-event .logo-badge svg{width:24px!important;height:24px!important}.day-cell.single-event .chip-title{font-size:19.5px;line-height:1.2}.day-cell.single-event .chip-sub{font-size:16px;gap:6px}.day-cell.single-event .chip-sub svg{width:17px;height:17px}.day-cell.single-event .chip-date{font-size:15.5px}.day-cell.single-event .chip-sub-amount{font-size:19.5px}.day-cell.multi-events .day-chips{gap:4.5px}.day-cell.multi-events .event-chip{padding:4.5px 10px;border-radius:10px;gap:8px}.day-cell.multi-events .logo-badge{width:27px!important;height:27px!important;border-radius:6px}.day-cell.multi-events .logo-badge svg{width:16px!important;height:16px!important}.day-cell.multi-events .chip-title,.day-cell.multi-events .chip-sub-amount{font-size:17px}.more-btn{font-size:16.5px}.payment-panel{padding:26px 34px;border-radius:28px}.payment-head{margin-bottom:16px;gap:16px}.payment-icon,.payment-badge-right{width:62px;height:62px}.payment-icon svg,.payment-badge-right svg{width:31px;height:31px}.payment-head h2{font-size:30px}.payment-total{font-size:68px}.payment-sub{font-size:20px;margin:8px 0 18px}.obligation-list{gap:15px}.obligation-row{padding:18px 24px;border-radius:20px;gap:20px}.obligation-row .logo-badge{width:72px!important;height:72px!important;border-radius:16px}.obligation-title{font-size:23.5px}.obligation-amount{font-size:27.5px}.obligation-due{font-size:18.5px}.obligation-row>svg{width:26px;height:26px}.managed-grid{margin-top:20px;gap:34px}.managed-card{border-radius:28px}.managed-head{padding:20px 28px 12px;gap:20px}.managed-icon{width:62px;height:62px}.managed-icon svg{width:32px;height:32px}.managed-title{font-size:28px}.managed-sub{font-size:19px}.btn-view-all{padding:10px 20px;font-size:19px;border-radius:12px}.managed-body{padding:6px 26px 20px;gap:10px;min-height:285px}.managed-body>.muted-note{font-size:22px}.managed-row{padding:13px 20px;border-radius:18px;gap:18px}.managed-row .logo-badge{width:56px!important;height:56px!important;border-radius:13px}.managed-row-title{font-size:22px}.managed-row-meta{font-size:18px}.managed-row-amount{font-size:23px}.managed-row-chevron svg{width:24px;height:24px}.manage-panel{margin-top:18px;padding:34px 42px;border-radius:28px}.manage-head{margin-bottom:24px}.manage-head h2{font-size:36px}.manage-head .muted{font-size:20px}.manage-head .btn-primary{padding:15px 30px;font-size:21px;border-radius:16px;gap:11px}.manage-head .btn-primary svg{width:22px;height:22px}.manage-list{gap:16px}.manage-list>.muted-note,.payment-history>.muted-note{font-size:22px}.manage-row{padding:18px 26px;border-radius:20px;gap:20px}.manage-row .logo-badge{width:60px!important;height:60px!important;border-radius:14px}.manage-row-title{font-size:23px;gap:11px}.manage-row-meta{font-size:18.5px}.manage-row-amounts{font-size:21.5px;gap:4px}.paid-pill,.status-pill{font-size:16px;padding:4px 14px}.manage-row .icon-btn{width:42px;height:42px;border-radius:10px}.manage-row .icon-btn svg{width:22px;height:22px}.payment-history{margin-top:32px;padding-top:26px;min-height:320px}.payment-history h3{font-size:26px;margin-bottom:14px}.history-row{padding:15px 10px;font-size:20.5px;gap:18px}.history-date{font-size:19px}.app-footer{margin-top:auto;padding-top:10px}.legend{gap:14px 34px}.legend-item{font-size:19.5px;gap:12px}.legend-icon{width:38px;height:38px;border-radius:10px}.legend-icon svg{width:21px;height:21px}.footer-slogan{font-size:17.5px;letter-spacing:4.2px}.footer-brand{font-size:17.5px;letter-spacing:4.5px}.footer-dash{width:46px;height:3.5px;margin-right:16px}}