:root{color:#111827;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Display,Segoe UI,Roboto,sans-serif}:root,body{--theme-accent:#111827;--theme-bg-a:#dbe0e8;--theme-bg-b:#9aa3b2}body[data-theme=ocean]{--theme-accent:#075985;--theme-bg-a:#d8f3ff;--theme-bg-b:#6c91b3}body[data-theme=forest]{--theme-accent:#14532d;--theme-bg-a:#dff5e5;--theme-bg-b:#7da68c}body[data-theme=sunset]{--theme-accent:#9f1239;--theme-bg-a:#ffe1d6;--theme-bg-b:#b9909e}body[data-theme] .dashboard-layout{background:color-mix(in srgb, var(--theme-bg-a), transparent 72%)}body[data-theme] .sidebar{background:color-mix(in srgb, var(--theme-bg-a), white 38%)}body[data-theme] .matte-card,body[data-theme] .glass-panel,body[data-theme] .item-card{background:color-mix(in srgb, var(--theme-bg-a), white 58%)}body[data-theme] .nav-item.active,body[data-theme] button,body[data-theme] .dark-stat-card,body[data-theme] .brand-icon-wrap,body[data-theme] .user-avatar-pill,body[data-theme] .progress-fill{background:var(--theme-accent)}body[data-theme] .welcome-title,body[data-theme] .card-heading{color:color-mix(in srgb, var(--theme-accent), #111827 35%)}*,:before,:after{box-sizing:inherit}body{background:radial-gradient(circle at 18% 22%, #fffffff2 0%, transparent 35%), radial-gradient(circle at 82% 78%, #ffffffe6 0%, transparent 35%), radial-gradient(ellipse 60% 45% at 50% 40%, #1e232d47 0%, transparent 70%), radial-gradient(ellipse 50% 60% at 85% 20%, #0f141e59 0%, transparent 60%), radial-gradient(ellipse 45% 55% at 15% 80%, #14192352 0%, transparent 60%), linear-gradient(135deg, var(--theme-bg-a) 0%, var(--theme-bg-b) 100%);background-attachment:fixed;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;display:flex;overflow:hidden}.dashboard-wrapper{box-sizing:border-box;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.dashboard-layout,.matte-card,.glass-panel,.item-card,button{transition:transform .25s,box-shadow .25s,background .25s}.matte-card:hover,.item-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0f172a21,inset 0 1px 1px #ffffffa6}@keyframes dashboardEntrance{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes widgetEntrance{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes metricReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dashboard-layout{animation:.65s cubic-bezier(.16,1,.3,1) both dashboardEntrance}.sidebar{animation:.45s cubic-bezier(.16,1,.3,1) .1s both widgetEntrance}.main-area>*{animation:.5s cubic-bezier(.16,1,.3,1) .18s both widgetEntrance}.top-widgets-row>*{animation:.55s cubic-bezier(.16,1,.3,1) both widgetEntrance}.top-widgets-row>:nth-child(2){animation-delay:80ms}.top-widgets-row>:nth-child(3){animation-delay:.16s}.dark-stat-body>div:first-child,.welcome-title{animation:.55s .3s both metricReveal}.progress-fill{transition:width 1s cubic-bezier(.16,1,.3,1)}.page-transition-view{animation:.38s cubic-bezier(.16,1,.3,1) both tabSlideFade}.calendar-details{transform-origin:top;animation:.3s cubic-bezier(.16,1,.3,1) both calendarExpand}@keyframes calendarExpand{0%{opacity:0;transform:translateY(-6px)scaleY(.92)}to{opacity:1;transform:translateY(0)scaleY(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.payment-calendar{margin-bottom:28px}.calendar-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.calendar-heading h3{margin:0;font-size:16px}.calendar-heading p{color:#6b7280;margin:4px 0 0;font-size:12px}.calendar-heading span{color:#4b5563;border:1px solid #ffffffb3;border-radius:20px;padding:7px 11px;font-size:11px;font-weight:700}.calendar-days{grid-template-columns:repeat(16,1fr);gap:8px;display:grid}.calendar-day{color:#6b7280;background:#fff3;border:1px solid #ffffff80;border-radius:13px;min-height:48px;padding:8px;font-size:12px;position:relative}.calendar-day.has-payment{color:#111827;background:#ffffffad;border-color:#ffffffe6;box-shadow:0 4px 10px #0f172a14}.calendar-day.selected{outline-offset:2px;outline:2px solid #111827}.calendar-day small{color:#fff;background:#111827;border-radius:50%;place-items:center;width:16px;height:16px;font-size:9px;display:grid;position:absolute;bottom:5px;right:6px}.calendar-details{background:#ffffff6b;border:1px solid #ffffffb3;border-radius:18px;margin-top:16px;padding:14px}.calendar-details-title{color:#374151;margin-bottom:10px;font-size:12px;font-weight:800}.calendar-detail-row{color:#111827;border-top:1px solid #ffffff8c;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;font-size:13px;display:flex}.calendar-detail-row span{flex-direction:column;gap:2px;display:flex}.calendar-detail-row small{color:#6b7280;font-size:11px}.reminders-panel{margin-bottom:28px}.reminders-panel h3{margin:0;font-size:16px}.reminders-panel p{color:#6b7280;margin:4px 0 14px;font-size:12px}.reminder-list{gap:8px;display:grid}.reminder-row{color:#111827;background:#ffffff52;border:1px solid #ffffffa6;border-radius:14px;justify-content:space-between;align-items:center;padding:11px 13px;display:flex}.reminder-row span{flex-direction:column;gap:3px;display:flex}.reminder-row small{color:#dc2626;font-size:11px}.analytics-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;display:grid}.analytics-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff5c;border:1px solid #ffffffb3;border-radius:20px;padding:16px;box-shadow:inset 0 1px 1px #ffffffb3}.analytics-card span{color:#6b7280;font-size:11px;font-weight:700;display:block}.analytics-card strong{color:#111827;margin-top:8px;font-size:18px;display:block}.analytics-progress{background:#1118271f;border-radius:8px;height:5px;margin-top:10px;overflow:hidden}.analytics-progress i{border-radius:inherit;background:#111827;height:100%;transition:width 1s;display:block}.debt-toolbar{gap:10px;margin:18px 0;display:flex}.debt-toolbar input,.debt-toolbar select{flex:1;min-width:0}.debt-toolbar select{color:#111827;background:#ffffffb8;border:1px solid #e5e7eb;border-radius:16px;padding:11px 14px}@media (width<=900px){.analytics-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.analytics-grid{grid-template-columns:1fr 1fr}.debt-toolbar{flex-direction:column}}@media (width<=900px){.dashboard-wrapper{align-items:stretch;padding:12px}.dashboard-layout{border-radius:28px;width:100%;height:100%;padding:10px}.sidebar{width:190px;min-width:190px;padding:22px 12px}.main-area{width:calc(100% - 190px);padding:22px 18px}.top-widgets-row{grid-template-columns:1fr 1fr}.top-widgets-row>.dark-stat-card{grid-column:1/-1}.calendar-days{grid-template-columns:repeat(8,1fr)}}@media (width<=620px){body{overflow:auto}.dashboard-wrapper{height:auto;min-height:100vh;padding:0}.dashboard-layout{background:#ffffff2e;border:0;border-radius:0;height:auto;min-height:100vh;padding:0;display:block}.sidebar{border-radius:0 0 26px 26px;width:100%;min-width:0;max-width:none;min-height:auto;padding:16px}.brand-logo{margin-bottom:12px}.nav-list{flex-direction:row;overflow-x:auto}.nav-item{white-space:nowrap;padding:10px 12px}.logout-btn{display:none}.main-area{width:100%;padding:20px 14px 28px;overflow:visible}.top-header{align-items:flex-start}.header-actions .create-btn-pill{display:none}.top-widgets-row,.widgets-dual-container{grid-template-columns:1fr}.top-widgets-row>.dark-stat-card{grid-column:auto}.card-grid{grid-template-columns:1fr}.calendar-day{min-height:38px;padding:6px}.bg-overlay{background:#d6e2f0b8}.dashboard-layout{flex-direction:column;min-height:100vh;display:flex;overflow:visible}.sidebar{border-radius:0 0 24px 24px;flex:none;padding:14px 12px 10px;display:block}.brand-logo{margin-bottom:12px;padding-left:2px;font-size:18px}.brand-icon-wrap{width:29px;height:29px}.nav-list{scrollbar-width:none;gap:4px;width:100%;padding-bottom:2px}.nav-list::-webkit-scrollbar{display:none}.nav-item{border-radius:14px;flex:none;padding:9px 12px;font-size:12px}.nav-item svg{width:15px;height:15px}.main-area{flex:1;width:100%;min-width:0;padding:18px 12px 28px;overflow:visible}.top-header{gap:12px;margin-bottom:18px}.welcome-title{font-size:20px}.header-actions{gap:7px}.user-avatar-pill{width:38px;height:38px;font-size:13px}.top-widgets-row{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.top-widgets-row>*{width:100%;min-width:0}.widgets-dual-container{flex-direction:column;gap:12px;display:flex}.dark-stat-card,.matte-card,.glass-panel,.item-card{border-radius:22px;padding:17px}.dark-stat-body{margin:12px 0}.dark-stat-body>div:first-child{font-size:28px!important}.stat-pill-row{gap:6px}.stat-inner-pill{border-radius:14px;padding:9px 5px}.stat-inner-pill .num{font-size:16px}.chart-relative-box{min-height:105px}.gauge-middle-section{gap:8px}.concentric-ring-box{width:82px;height:82px}.card-grid{flex-direction:column;gap:12px;display:flex}.analytics-grid{gap:8px;margin-bottom:18px}.analytics-card{border-radius:16px;padding:12px}.analytics-card strong{font-size:15px}.calendar-heading{flex-direction:column;align-items:flex-start;gap:8px}.calendar-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.calendar-day{border-radius:10px;min-height:34px;padding:5px;font-size:11px}.calendar-day small{width:13px;height:13px;font-size:8px;bottom:3px;right:3px}.debt-toolbar{gap:8px;margin:12px 0}.debt-toolbar input,.debt-toolbar select{width:100%;min-height:42px}.payment-action-panel form{flex-direction:column}.payment-action-panel input,.payment-action-panel button{width:100%;min-height:42px}.preferences-panel{width:100%}.profile-photo-section{align-items:flex-start}.early-due-list{max-height:none}.login-card{width:calc(100% - 28px);padding:28px 20px}.dashboard-wrapper{min-height:100dvh;display:block}.dashboard-layout{width:100%;max-width:100%;min-height:100dvh;flex-direction:column!important;display:flex!important}.main-area{width:100%!important;min-width:0!important;display:block!important}.top-widgets-row{flex-direction:column!important;gap:14px!important;width:100%!important;display:flex!important}.top-widgets-row>.dark-stat-card,.top-widgets-row>.matte-card,.top-widgets-row>.widgets-dual-container{grid-column:auto!important;width:100%!important;min-width:100%!important;display:block!important}.widgets-dual-container{flex-direction:column!important;gap:14px!important;width:100%!important;display:flex!important}.widgets-dual-container>.matte-card{width:100%!important;min-width:100%!important}.dark-stat-card,.matte-card{min-height:170px}.top-widgets-row .dark-stat-card{min-height:190px}.payment-calendar,.reminders-panel,.analytics-grid,.glass-panel,.card-grid{width:100%!important;max-width:100%!important}.analytics-grid{grid-template-columns:1fr 1fr!important;display:grid!important}.sidebar{flex:none!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:230px!important;overflow:visible!important}.sidebar>div:first-child{min-width:0}.sidebar .brand-logo{margin-bottom:10px!important}.sidebar .nav-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;width:100%!important;display:grid!important;overflow:visible!important;transform:none!important}.sidebar .nav-item{justify-content:center;gap:6px;width:100%;font-size:11px;padding:10px 6px!important}.sidebar .nav-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar .logout-btn{display:none!important}.top-widgets-row,.top-widgets-row>*{flex:none!important}.top-widgets-row>.dark-stat-card,.top-widgets-row>.matte-card,.top-widgets-row>.widgets-dual-container,.top-widgets-row>.widgets-dual-container>.matte-card{width:100%!important;max-width:none!important}.welcome-title{margin-top:4px}.debt-form-panel{padding:16px!important}.debt-form-panel>div:first-child{flex-direction:column!important;gap:8px!important;margin-bottom:14px!important;display:flex!important}.debt-form-panel>div:first-child button{width:100%;min-height:44px}.debt-form-panel form>div:first-child,.debt-form-panel form>div:nth-child(2){flex-direction:column!important;grid-template-columns:1fr!important;gap:10px!important;display:flex!important}.debt-form-panel form>div:last-child{flex-direction:column!important;align-items:stretch!important;gap:10px!important;display:flex!important}.debt-form-panel form>div:last-child button{width:100%;min-height:44px}.debt-form-panel label{margin-top:2px}.past-payment-row{grid-template-columns:1fr 1fr auto}.debt-category-row{flex-direction:column;align-items:stretch;gap:6px}.debt-category-row select,.debt-category-row input{width:100%}}.bg-video,.bg-image,.bg-overlay{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.dark-stat-header svg,.icon-tiny-btn{display:none}.bg-video,.bg-image{z-index:0;object-fit:cover}.bg-overlay{z-index:1;-webkit-backdrop-filter:none;background:linear-gradient(#3891f494,#7db9f76b 55%,#1e34417a)}.dashboard-layout{z-index:2;-webkit-backdrop-filter:blur(40px)saturate(160%);box-sizing:border-box;background:#ffffff38;border:1.5px solid #ffffffa6;border-radius:40px;gap:16px;width:min(1380px,95vw);height:min(850px,92vh);padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 35px 70px -15px #00000014,0 15px 30px -10px #0000000a,inset 0 1px 2px #fffffff2}.sidebar{-webkit-backdrop-filter:none;box-sizing:border-box;background:linear-gradient(#bed8faeb,#e8f2fce0 58%,#b6c4c9e0);border:1px solid #ffffffc7;border-radius:30px;flex-direction:column;flex-shrink:0;justify-content:space-between;width:250px;min-width:250px;max-width:250px;padding:32px 22px;display:flex;box-shadow:inset 0 1px 2px #fffc,0 18px 35px #0f172a1f}.brand-logo{letter-spacing:-.5px;color:#111827;align-items:center;gap:10px;margin-bottom:36px;font-size:20px;font-weight:800;display:flex}.brand-icon-wrap{color:#fff;background:#111827;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.nav-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.nav-item{color:#6b7280;cursor:pointer;border-radius:22px;align-items:center;gap:12px;padding:11px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.nav-item svg{stroke:currentColor;stroke-width:2px;fill:none;width:17px;height:17px}.nav-item.active{color:#fff;background:#111827;box-shadow:0 4px 14px #1118272e}.nav-item.active svg{stroke:#fff}.nav-item:hover:not(.active){color:#111827;background:#ffffff8c}.logout-btn{color:#ef4444;margin-top:auto}.logout-btn:hover{color:#dc2626;background:#ef44441a}.main-area{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#d2e0e8b8 #ffffff1f;flex:1;width:calc(100% - 250px);padding:32px 42px;overflow-y:auto}.main-area::-webkit-scrollbar{width:15px}.main-area::-webkit-scrollbar-track{background:#ffffff1a;border:1px solid #ffffff47;border-radius:999px;box-shadow:inset 0 1px 3px #0f172a33,0 0 8px #ffffff14}.main-area::-webkit-scrollbar-thumb{background:linear-gradient(#ffffff94,#89a6b594);border:3px solid #ffffff2e;border-radius:999px;box-shadow:inset 0 1px 2px #ffffffa6,0 1px 7px #0f172a33}.main-area::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ffffffc7,#9bc4d3bf)}.top-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.welcome-title{letter-spacing:-.6px;color:#111827;margin:0;font-size:26px;font-weight:800}.header-actions{align-items:center;gap:12px;display:flex}.create-btn-pill{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:transform .15s,background .15s;display:flex}.create-btn-pill:hover{background:#1f2937;transform:translateY(-1px)}.icon-button{cursor:pointer;color:#4b5563;background:#fff;border:1px solid #0000000d;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 2px 5px #00000008}.user-avatar-pill{color:#fff;background:#111827;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:14px;font-weight:700;display:flex}.user-avatar-pill img,.profile-photo-preview img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.user-avatar-pill,.profile-photo-preview{isolation:isolate}.profile-photo-section{align-items:center;gap:12px;margin-bottom:20px;display:flex}.profile-photo-preview{color:#fff;background:#111827;border-radius:50%;flex:none;place-items:center;width:72px;height:72px;font-size:24px;font-weight:800;display:grid;overflow:hidden}.profile-photo-section strong,.profile-photo-section small{display:block}.profile-photo-section strong{color:#111827;font-size:13px}.profile-photo-section small{color:#6b7280;margin:3px 0 8px;font-size:11px}.upload-photo-button{color:#fff;cursor:pointer;background:#111827;border-radius:12px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-block}.upload-photo-button input{display:none}.photo-actions{align-items:center;gap:8px;display:flex}.remove-photo-button{color:#dc2626;background:#fee2e2bf;border:1px solid #ef444459;padding:6px 10px;font-size:11px}.photo-adjustments{background:#ffffff4d;border:1px solid #ffffffa6;border-radius:14px;gap:10px;margin:-8px 0 20px;padding:12px;display:grid}.photo-adjustments label{color:#4b5563;justify-content:space-between;align-items:center;gap:12px;font-size:11px;font-weight:700;display:flex}.photo-adjustments input[type=range]{accent-color:#111827;flex:1}.past-payments-form{background:#ffffff6b;border:1px solid #ffffffa6;border-radius:14px;flex-direction:column;gap:8px;margin-top:8px;padding:10px;display:flex}.past-payments-title{color:#111827;font-size:11px;font-weight:700}.past-payment-row{grid-template-columns:1.2fr 1fr auto;gap:6px;display:grid}.past-payment-row input{min-width:0;padding:7px 8px;font-size:11px}.past-payment-row button{color:#dc2626;background:#ef44441f;padding:5px 9px}.past-payments-form>button{padding:8px 10px;font-size:11px}.past-payments-form .add-past-payment{color:#374151;background:0 0;border:1px dashed #1118274d}.remove-payment-button{color:#dc2626;background:#fee2e2b8;border:1px solid #ef44444d;border-radius:8px;flex:none;padding:2px 7px;font-size:13px;line-height:1}.debt-category-row{align-items:center;gap:10px;display:flex}.debt-category-row label{color:#4b5563;font-size:12px;font-weight:700}.debt-category-row select,.debt-category-row input{color:#111827;background:#ffffffb8;border:1px solid #ffffffb8;border-radius:14px;min-height:40px;padding:9px 12px}.debt-category-row select{min-width:170px}.debt-category-row input{flex:1}.stats-row{grid-template-columns:1.2fr 1fr 1fr;gap:20px;margin-bottom:28px;display:grid}.dark-stat-card{color:#fff;background:#111827;border:1px solid #ffffff40;border-radius:26px;flex-direction:column;justify-content:space-between;padding:24px;display:flex;box-shadow:0 10px 25px -5px #11182740}.dark-stat-header{color:#d1d5db;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.dark-stat-body{margin:18px 0}.stat-pill-row{gap:10px;display:flex}.stat-inner-pill{color:#111827;text-align:center;background:#fff;border-radius:18px;flex:1;padding:12px 10px}.stat-inner-pill .num{font-size:18px;font-weight:800}.stat-inner-pill .lbl{color:#6b7280;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:600}.light-stat-card{background:#ffffffe6;border:1px solid #fffc;border-radius:26px;flex-direction:column;justify-content:space-between;padding:24px;display:flex;box-shadow:0 10px 25px -5px #0000000a}.light-stat-header{color:#111827;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;display:flex}.circular-progress-wrap{border:7px solid #111827;border-color:#111827 #111827 #f3f4f6 #f3f4f6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto;display:flex}.glass-panel{-webkit-backdrop-filter:blur(24px)saturate(145%);background:#ffffff47;border:1px solid #ffffff9e;border-radius:26px;padding:24px;box-shadow:0 12px 28px -6px #00000014,inset 0 1px 1px #ffffff8c}.preferences-panel{max-width:500px}.preference-section,.credential-form{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.preference-section label,.credential-form h4{color:#4b5563;margin:0;font-size:12px;font-weight:700}.preference-section select{color:#111827;background:#ffffffb8;border:1px solid #ffffffb3;border-radius:16px;width:100%;padding:11px 14px}.credential-form h4{color:#111827;font-size:14px}.credential-form small{color:#4b5563}.credential-form button{background:var(--theme-accent)}.item-card{-webkit-backdrop-filter:blur(24px)saturate(145%);background:#ffffff47;border:1px solid #ffffff9e;border-radius:28px;padding:22px;box-shadow:0 12px 28px -6px #00000014,inset 0 1px 1px #ffffff8c}.installment-details-panel{color:#1f2937;-webkit-backdrop-filter:blur(18px)saturate(135%);background:#ffffffb8;border:1px solid #ffffffeb;border-radius:16px;margin-top:10px;padding:10px;box-shadow:inset 0 1px 1px #ffffffe6,0 8px 18px #0f172a1a}.installment-details-panel span{color:#6b7280!important}.installment-details-panel strong{color:#1f2937}.installment-details-panel button{color:#1e3a8a!important;background:#eff6fff2!important;border:1px solid #93c5fdb3!important}.payment-action-panel{border-top:1px solid #ffffffb8;margin-top:16px;padding-top:12px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:18px;display:grid}input{color:#111827;background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;outline:none;padding:12px 16px;font-size:13px;font-weight:500;transition:all .2s}input:focus{background:#fff;border-color:#111827;box-shadow:0 0 0 3px #1118270d}button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:16px;padding:10px 18px;font-size:13px;font-weight:600;transition:opacity .2s}button:hover{opacity:.9}button:disabled{opacity:.4;cursor:not-allowed}.progress-bar{background:#f3f4f6;border-radius:10px;height:6px;margin:12px 0 8px;overflow:hidden}.progress-fill{background:#111827;border-radius:10px;height:100%;transition:width .4s}.filter-btn{color:#6b7280;background:0 0;border:1px solid #0000;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600}.filter-btn.active{color:#fff;background:#111827}.login-wrapper{z-index:999;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-card{background:#fff;border:1px solid #fffc;border-radius:32px;width:100%;max-width:380px;padding:40px 32px;box-shadow:0 20px 40px -10px #00000014}.login-title{letter-spacing:-.5px;text-align:center;margin:0 0 24px;font-size:24px;font-weight:800}.login-form{flex-direction:column;gap:14px;display:flex}.login-submit-btn{border-radius:20px;width:100%;padding:13px;font-weight:700}.status-msg{text-align:center;margin-top:14px;font-size:12px}.status-msg.error{color:#ef4444}.status-msg.info{color:#3b82f6}.toggle-mode{text-align:center;color:#6b7280;margin-top:22px;font-size:13px}.switch-btn{color:#111827;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}@keyframes tabSlideFade{0%{opacity:0;transform:translateY(10px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}.page-transition-view{will-change:transform, opacity;animation:.32s cubic-bezier(.16,1,.3,1) forwards tabSlideFade}.nav-item{transition:all .22s cubic-bezier(.16,1,.3,1);position:relative}.nav-item:active{transform:scale(.96)}.widgets-dual-container{grid-template-columns:1fr 1fr;gap:16px;height:100%;margin-bottom:0;display:grid}.matte-card{box-sizing:border-box;-webkit-backdrop-filter:blur(24px)saturate(145%);background:#ffffff47;border:1px solid #ffffff9e;border-radius:28px;height:100%;padding:22px;box-shadow:0 12px 28px -6px #00000014,inset 0 1px 1px #ffffff8c}.card-top-bar{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.card-heading{color:#111827;letter-spacing:-.3px;margin:0;font-size:16px;font-weight:800}.legend-row{gap:12px;margin-top:5px;display:flex}.legend-item,.cat-item{color:#6b7280;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.dot{border-radius:50%;width:6px;height:6px}.dot-black{background:#111827}.dot-gray{background:#9ca3af}.dot-light{background:#e5e7eb}.sub-compare{color:#6b7280;margin-top:2px;font-size:11px;font-weight:600;display:block}.icon-tiny-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;display:flex}.icon-tiny-btn:hover{color:#111827;background:#f3f4f6}.chart-relative-box{width:100%;position:relative}.floating-badge{color:#fff;z-index:2;background:#111827;border-radius:8px;padding:3px 7px;font-size:10px;font-weight:800;position:absolute;top:0;right:28%;box-shadow:0 4px 10px #0003}.day-strip{justify-content:space-between;align-items:center;margin-top:10px;padding:0 4px;display:flex}.day-pill{color:#6b7280;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.day-pill.active{color:#fff;background:#111827}.gauge-middle-section{justify-content:space-between;align-items:center;padding:10px 4px;display:flex}.categories-stack{flex-direction:column;gap:8px;display:flex}.concentric-ring-box{width:110px;height:110px;position:relative}.concentric-svg{width:100%;height:100%}.ring-inner-metric{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pct-text{color:#111827;font-size:16px;font-weight:800;line-height:1}.pct-sub{color:#9ca3af;text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:700}.card-footer-row{align-items:center;gap:8px;margin-top:12px;display:flex}.square-action-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.download-report-pill{color:#111827;cursor:pointer;background:0 0;border:1.5px solid #111827;border-radius:20px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.download-report-pill:hover{color:#fff;background:#111827}.top-widgets-row{grid-template-columns:1.15fr 1fr 1.85fr;align-items:stretch;gap:20px;margin-bottom:26px;display:grid}.top-widgets-row>.dark-stat-card,.top-widgets-row>.matte-card,.top-widgets-row>.widgets-dual-container>.matte-card{-webkit-backdrop-filter:blur(26px)saturate(155%);border:1px solid #ffffff94;box-shadow:inset 0 1px 2px #ffffff7a,0 12px 24px #0f172a1a}.top-widgets-row>.dark-stat-card{-webkit-backdrop-filter:blur(26px)saturate(145%);color:#263248;background:#ffffffb8;border-color:#ffffffe6}.top-widgets-row>.matte-card{background:linear-gradient(135deg,#ff8e708f,#ffbe8f52)}.top-widgets-row>.widgets-dual-container>.matte-card:first-child{background:linear-gradient(135deg,#bf8fff9e,#ddbeff57)}.top-widgets-row>.widgets-dual-container>.matte-card:last-child{background:linear-gradient(135deg,#66d3f49e,#a7ecff57)}.top-widgets-row>.dark-stat-card .stat-inner-pill{background:#ffffffb8}.top-widgets-row>.dark-stat-card .dark-stat-header{color:#334155}.top-widgets-row>.dark-stat-card .dark-stat-body>div:first-child{color:#111827}.top-widgets-row>.dark-stat-card .dark-stat-body div:last-child{color:#475569!important}.top-widgets-row{grid-template-columns:1.05fr 1.7fr 1fr}.next-cycle-row{grid-template-columns:1fr 1fr;gap:16px;width:100%;margin:0 0 22px;display:grid}.next-cycle-row .early-due-card{width:100%}.datetime-widget{background:linear-gradient(135deg,#fff9,#bedcf557);flex-direction:column;justify-content:space-between;min-height:220px;display:flex}.datetime-icon{color:#1e3a5f;background:#ffffff9e;border-radius:16px;place-items:center;width:48px;height:48px;font-size:32px;display:grid}.datetime-label{color:#64748b;font-size:12px;font-weight:700;display:block}.datetime-widget strong{color:#111827;margin:4px 0;font-size:28px;display:block}.datetime-widget small{color:#475569;font-size:12px}.cycle-note{color:#64748b;font-size:11px;line-height:1.4}body[data-theme] .top-widgets-row>.dark-stat-card{color:#111827;background:#ffffffd1;border-color:#fffffff2}body[data-theme] .top-widgets-row>.dark-stat-card .dark-stat-header,body[data-theme] .top-widgets-row>.dark-stat-card .dark-stat-body>div:first-child,body[data-theme] .top-widgets-row>.dark-stat-card .dark-stat-body div:last-child{color:#111827!important}@media (width<=620px){.top-widgets-row>.early-due-card{min-height:190px;width:100%!important}.early-due-card .card-heading{font-size:15px}.early-due-card .early-item-amount{white-space:nowrap}.next-cycle-row{flex-direction:column;width:100%;max-width:none;margin-bottom:16px;display:flex}.datetime-widget{min-height:170px}}.early-due-card{flex-direction:column;justify-content:space-between;display:flex}.alert-badge-pill{color:#dc2626;background:#fef2f2;border:1px solid #fee2e2;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:700}.early-due-list{border-top:1px solid #f3f4f6;flex-direction:column;gap:6px;max-height:85px;padding-top:8px;display:flex;overflow-y:auto}.early-due-item{justify-content:space-between;align-items:center;font-size:12px;display:flex}.early-item-title{color:#111827;font-weight:700;display:block}.early-item-day{color:#dc2626;font-size:10px;font-weight:600;display:block}.early-item-amount{color:#111827;font-weight:700}