:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#050505;color:#f7fbff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 0%,rgba(103,201,255,.18),transparent 32rem),radial-gradient(circle at 100% 18%,rgba(255,112,162,.12),transparent 26rem),#050505}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-frame{min-height:100vh}.app-nav{position:fixed;left:max(16px,env(safe-area-inset-left));top:16px;bottom:16px;z-index:20;width:190px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:#12161cc2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 22px 70px #0000003d;padding:14px}.nav-brand{display:flex;align-items:center;gap:10px;min-height:52px;margin-bottom:12px}.nav-brand span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;color:#041018;background:linear-gradient(135deg,#67c9ff,#7fffd4);font-weight:850}.nav-item{width:100%;min-height:48px;border:0;border-radius:16px;display:flex;align-items:center;gap:10px;padding:0 12px;color:#aab6c1;background:transparent}.nav-item.active{color:#f7fbff;background:#67c9ff29}.nav-item.logout{margin-top:10px;color:#67c9ff;background:#ffffff0d}.app-shell{width:min(1180px,calc(100% - 252px));margin:0 28px 0 auto;padding:24px 0 56px}.auth-shell{min-height:100vh;width:min(420px,calc(100% - 28px));margin:0 auto;display:grid;place-items:center;padding:24px 0}.auth-panel{width:100%;display:grid;gap:12px}.auth-panel h1{font-size:2.4rem;margin-bottom:8px}.hero{min-height:132px;display:flex;align-items:center;justify-content:space-between}.eyebrow{margin:0 0 8px;color:#67c9ff;font-size:.84rem;text-transform:uppercase;letter-spacing:0}h1,h2,p{margin:0}h1{font-size:clamp(2.2rem,9vw,5.4rem);line-height:.95;text-transform:capitalize}h2{font-size:1.05rem}.icon-button,.ghost,.check{border:1px solid rgba(255,255,255,.16);background:#ffffff12;color:#f7fbff;display:inline-grid;place-items:center}.icon-button{width:48px;height:48px;border-radius:16px}.dashboard-grid,.content-grid{display:grid;gap:14px}.dashboard-grid{grid-template-columns:2fr repeat(3,1fr)}.progress-panel,.stat-card,.panel{border:1px solid rgba(255,255,255,.14);background:#12161cb8;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 22px 70px #0000003d}.progress-panel{border-radius:24px;padding:20px;display:flex;align-items:center;gap:18px}.ring{width:110px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#67c9ff var(--progress),rgba(255,255,255,.1) 0);position:relative}.ring:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;background:#090b0f}.ring span{position:relative;z-index:1;font-weight:800}.stat-card{min-height:150px;border-radius:22px;padding:18px;display:grid;align-content:space-between}.stat-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:#67c9ff;background:#67c9ff1a}.stat-card strong{font-size:2rem}.stat-card span,.progress-panel p,.item p,.event p,.panel-header span{color:#aab6c1;font-size:.92rem}.week-strip{display:flex;gap:10px;margin:16px 0;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 2px 8px;scroll-snap-type:x proximity;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.week-strip::-webkit-scrollbar{display:none}.week-strip:active{cursor:grabbing}.day{flex:0 0 86px;min-height:68px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#f7fbff;scroll-snap-align:start}.day.active{border-color:#67c9ffcc;background:#67c9ff29}.day span,.day strong{display:block}.content-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.calendar-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:14px}.subscriptions-layout,.finance-layout{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:14px}.finance-layout{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);align-items:start}.subscriptions-list-panel{grid-column:1 / -1}.panel{border-radius:24px;padding:18px}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.composer{display:grid;grid-template-columns:minmax(104px,.8fr) minmax(160px,1fr) minmax(106px,auto);gap:8px;margin-bottom:14px}.composer>input:first-child{grid-column:1 / -1}.composer.compact{grid-template-columns:1fr 120px auto}.event-composer{grid-template-columns:minmax(112px,1fr) minmax(112px,1fr) minmax(106px,auto)}input,select,textarea{min-width:0;min-height:44px;width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#f7fbff;padding:0 12px;outline:none}.panel-add{width:36px;height:36px;border:1px solid rgba(103,201,255,.34);border-radius:12px;display:none;place-items:center;color:#67c9ff;background:#67c9ff1f;padding:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:44px;padding:0 42px 0 13px;line-height:44px;background:linear-gradient(135deg,#67c9ff33,#7fffd414),#ffffff14;box-shadow:inset 0 1px #ffffff14}.select-wrap{position:relative}.select-wrap:after{content:"";position:absolute;right:15px;top:50%;width:8px;height:8px;border-right:2px solid #67c9ff;border-bottom:2px solid #67c9ff;pointer-events:none;transform:translateY(-65%) rotate(45deg)}input[type=time]{text-align:center;padding-inline:10px}input[type=date],input[type=month]{min-width:0;max-width:100%;text-overflow:clip}input[type=time]::-webkit-calendar-picker-indicator{margin:0;opacity:.86;filter:invert(1)}textarea{min-height:82px;resize:vertical;padding:12px}option{background:#10141a}.primary,.secondary{min-height:44px;border:0;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#041018;background:#67c9ff;font-weight:750;padding:0 14px}.secondary{width:100%;color:#f7fbff;background:#67c9ff29;border:1px solid rgba(103,201,255,.32)}.weekday-row{grid-column:1 / -1;display:flex;gap:8px}.chip{width:36px;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#f7fbff}.chip.selected{border-color:#67c9ff;color:#67c9ff}.item-list,.timeline{display:grid;gap:10px}.item,.event{min-height:68px;border-radius:18px;padding:12px;display:grid;grid-template-columns:34px 1fr 34px;gap:12px;align-items:center;background:#ffffff0e}.item.done strong{text-decoration:line-through;color:#aab6c1}.check,.ghost{width:34px;height:34px;border-radius:12px;padding:0}.event{grid-template-columns:54px 1fr 34px}.event time{color:#67c9ff;font-weight:800}.total-pill{min-width:150px;border:1px solid rgba(103,201,255,.24);border-radius:18px;background:#67c9ff1f;padding:12px 14px;text-align:right}.total-pill span,.subscription-summary p,.subscription-summary span,.finance-summary p,.subscription-item p{color:#aab6c1;font-size:.92rem}.total-pill strong,.subscription-summary strong,.finance-summary strong{display:block;color:#f7fbff;font-size:1.5rem}.subscription-summary,.finance-summary{display:grid;align-content:center;gap:8px}.finance-summary{grid-template-columns:repeat(4,minmax(0,1fr));grid-column:1 / -1}.finance-summary>div{min-height:92px;border-radius:18px;padding:14px;display:grid;align-content:center;gap:6px;background:#ffffff0e}.subscription-summary strong{font-size:2.8rem}.subscription-composer,.finance-composer{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.62fr);gap:8px}.finance-composer>input:first-child{grid-column:1 / -1}.finance-composer .primary{min-width:0;white-space:nowrap}.check-option{min-height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;gap:10px;color:#f7fbff;background:#ffffff0f;padding:0 12px;white-space:nowrap}.check-option input{width:18px;min-width:18px;height:18px;min-height:18px;accent-color:#67c9ff}.month-panel{display:grid;align-content:start;gap:10px}.month-strip{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.month-strip::-webkit-scrollbar{display:none}.month-chip{flex:0 0 auto;min-height:38px;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:0 12px;color:#aab6c1;background:#ffffff0f;text-transform:capitalize;white-space:nowrap}.month-chip.active{border-color:#67c9ffbf;color:#f7fbff;background:#67c9ff29}.month-input{max-width:180px}.subscription-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.finance-list{margin-top:14px}.subscription-item{min-height:72px;border-radius:18px;padding:12px;display:grid;grid-template-columns:42px 1fr 34px;gap:12px;align-items:center;background:#ffffff0e}.brand-badge{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;background:#323945;font-weight:900}.brand-netflix{background:#e50914}.brand-spotify{background:#1db954;color:#03110a}.brand-amazon{background:#00a8e1;color:#041018}.brand-disney{background:#113ccf}.brand-hbo{background:#7b2dff}.brand-youtube{background:#f03}.brand-icloud{background:#67c9ff;color:#041018}.brand-apple{background:#f5f5f7;color:#050505}.brand-default{background:linear-gradient(135deg,#67c9ff,#7fffd4);color:#041018}.income-badge{background:#7fffd4;color:#041018}.positive-money{color:#7fffd4!important}.negative-money{color:#ffb4c8!important}.sync-error{margin-top:8px;color:#ffb4c8;font-size:.82rem}.calendar-panel{margin-top:14px}.calendar-layout .calendar-panel{margin-top:0}.calendar-stack{display:grid;gap:14px}.bars{height:170px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end}.bar-column{height:100%;display:grid;grid-template-rows:1fr auto;gap:8px;text-align:center;color:#aab6c1}.bar{border-radius:999px;background:#ffffff12;display:flex;align-items:end;overflow:hidden}.bar span{width:100%;border-radius:inherit;background:linear-gradient(180deg,#67c9ff,#7fffd4)}@media (max-width: 900px){.app-nav{left:10px;right:10px;top:auto;bottom:max(10px,env(safe-area-inset-bottom));width:auto;height:68px;border-radius:22px;display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:8px;padding:8px}.app-nav::-webkit-scrollbar{display:none}.nav-brand{display:none}.nav-item{justify-content:center;flex:0 0 118px;min-height:52px;scroll-snap-align:start;white-space:nowrap}.nav-item.logout{display:none}.app-shell{width:min(100% - 20px,1180px);margin:0 auto;padding-bottom:calc(96px + env(safe-area-inset-bottom))}.dashboard-grid,.content-grid,.calendar-layout,.subscriptions-layout,.finance-layout,.finance-summary{grid-template-columns:1fr}.subscriptions-list-panel{grid-column:auto}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.progress-panel{grid-column:1 / -1}.composer,.composer.compact{grid-template-columns:1fr}.panel-add{display:inline-grid}.composer{display:none}.composer.mobile-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.composer.mobile-open input:first-child,.composer.mobile-open .primary,.composer.mobile-open .weekday-row{grid-column:1 / -1}.event-composer.mobile-open{grid-template-columns:repeat(2,minmax(0,1fr))}.event-composer.mobile-open input:first-child,.event-composer.mobile-open .primary{grid-column:1 / -1}.subscription-composer,.finance-composer{grid-template-columns:minmax(0,1fr)}.finance-composer input,.month-panel input{min-width:0;width:100%;max-width:100%}input[type=date],input[type=month]{padding-inline:10px;font-size:.92rem;-moz-appearance:none;appearance:none;-webkit-appearance:none}input[type=time]{width:100%;max-width:100%;min-width:0;padding-inline:8px;-moz-appearance:none;appearance:none;-webkit-appearance:none}}@media (max-width: 560px){.app-shell{width:min(100% - 20px,1180px);padding-top:14px}.hero{min-height:108px}.dashboard-grid{grid-template-columns:1fr}.week-strip{gap:6px}.day{flex-basis:72px;min-height:58px;border-radius:14px}.composer.mobile-open{gap:8px}.composer.mobile-open .select-wrap,.composer.mobile-open .time-field{min-width:0;width:100%}.progress-panel{align-items:flex-start;flex-direction:column}}