@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#f1f4f6;font-synthesis:none;text-rendering:optimizelegibility;background:#0b1120;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}#root{min-height:100svh}.app-shell{background:radial-gradient(circle at 80% 0,#172743 0,#0000 32%),#0b1120;min-height:100svh;padding-bottom:92px}.topbar{border-bottom:1px solid #253248;justify-content:space-between;align-items:center;height:82px;padding:0 max(28px,50vw - 560px);display:flex}.brand{background:0 0;border:0;padding:0}.brand img{width:150px;height:auto;display:block}.desktop-nav{gap:8px;margin-left:auto;margin-right:30px;display:flex}.desktop-nav button{color:#74849a;background:0 0;border:0;border-bottom:1px solid #0000;padding:9px 12px;font:11px DM Mono}.desktop-nav button:hover,.desktop-nav button.active{color:#e8a75a;border-bottom-color:#e8a75a}.status{color:#8290a5;letter-spacing:.07em;font:11px DM Mono}.status i{background:#71c68a;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.status span{color:#d3dae3;margin-left:14px}.app-content{max-width:1120px;margin:0 auto;padding:54px 28px 0}.page-heading{justify-content:space-between;align-items:end;margin-bottom:33px;display:flex}.eyebrow{color:#77879b;letter-spacing:.13em;margin:0 0 10px;font:10px DM Mono}.back-button{color:#e8a75a;background:0 0;border:0;margin-bottom:15px;padding:0;font:11px DM Mono}.page-heading h1{letter-spacing:-.04em;margin:0;font-size:32px}.week-chip{color:#a5b1c0;border:1px solid #334156;padding:10px 14px;font:10px DM Mono}.week-chip b{color:#efaa56}.hero-panel{background:linear-gradient(110deg,#202f42,#172335 60%,#263b4b);border:1px solid #34495c;grid-template-columns:1fr 1fr;align-items:center;gap:52px;min-height:308px;padding:40px 43px;display:grid}.orange-label,.mini-tag{color:#f0ad60;font:10px DM Mono}.hero-copy h2{letter-spacing:-.06em;margin:17px 0 12px;font-size:39px;line-height:1.12}.hero-copy p{color:#aebccc;max-width:350px;margin-bottom:25px;font-size:14px}.primary{color:#172334;background:#e8a75a;border:0;padding:14px 19px;font-size:12px;font-weight:800}.primary:hover{background:#f5bc70}.goal{border-left:1px solid #435467;padding-left:47px}.goal-top,.goal-bottom{justify-content:space-between;align-items:end;display:flex}.goal-top span{color:#90a0b2;font:10px DM Mono}.goal-top strong{font-size:46px}.goal-top em{color:#8090a4;font-size:18px;font-style:normal}.progress{background:#405162;height:9px;margin:24px 0 16px}.progress div{background:#76c38a;height:100%;transition:width .4s}.goal-bottom span{color:#93a2b3;font:11px DM Mono}.goal-bottom b{font-size:20px}.goal-bottom small{color:#8190a2;text-align:right;font:9px DM Mono;display:block}.quick-actions{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.quick-actions button{color:#f1f4f6;text-align:left;background:#101a2a;border:1px solid #28364a;padding:18px 48px 18px 52px;position:relative}.quick-actions button:hover{border-color:#e8a75a}.quick-actions span{color:#e8a75a;font-size:22px;position:absolute;top:19px;left:18px}.quick-actions b,.quick-actions small{display:block}.quick-actions b{font-size:13px}.quick-actions small{color:#75869b;margin-top:5px;font:10px DM Mono}.quick-actions i{color:#e8a75a;font-style:normal;position:absolute;top:28px;right:18px}.stats{border:1px solid #28364a;grid-template-columns:repeat(3,1fr);margin-top:16px;display:grid}.stats>div{border-right:1px solid #28364a;padding:23px 28px}.stats>div:last-child{border:0}.stats span,.stats small{color:#8291a3;font:10px DM Mono;display:block}.stats b{margin:8px 0 5px;font-size:25px;display:block}.stats small{color:#627188;font-size:10px}.lower-grid{grid-template-columns:1.7fr 1fr;gap:16px;margin-top:43px;display:grid}.recent,.rule-card,.form-card,.payment-page{background:#101a2a;border:1px solid #28364a;padding:27px}.section-head{justify-content:space-between;display:flex}.section-head h3,.rule-card h3{margin:0;font-size:21px}.text-button,.rule-card button{color:#e8a75a;background:0 0;border:0;font-size:12px}.empty{color:#708097;align-items:center;gap:16px;padding:47px 12px 23px;display:flex}.empty>span{font-size:30px}.empty p{font-size:13px}.empty small{color:#55647a;font-size:11px}.account-row{border-top:1px solid #233149;align-items:center;gap:12px;padding:13px 0;display:flex}.account-row:first-of-type{margin-top:21px}.avatar{color:#9bc8b5;background:#314a59;place-items:center;width:31px;height:31px;font-size:13px;font-weight:800;display:grid}.account-row b{font-size:12px;display:block}.account-row small{color:#6e7e92;margin-top:3px;font:10px DM Mono;display:block}.account-row strong{color:#83c68f;margin-left:auto;font:12px DM Mono}.rule-card{background:#182d32;border-color:#2d4b4d}.rule-card h3{color:#dce8df;margin:24px 0 15px;font-size:25px;line-height:1.17}.rule-card>p:not(.eyebrow){color:#9bb0ad;font-size:12px;line-height:1.7}.rule-card button{padding:13px 0}.delete-button:hover{color:#efaa56;border-color:#efaa56}.loader{background:#0b1120;align-content:center;place-items:center;gap:18px;height:100svh;display:grid}.loader-logo{width:min(430px,78vw);height:auto;display:block}.loader p{color:#7f90a6;font:11px DM Mono}.spinner{border:2px solid #33445b;border-top-color:#e8a75a;border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=720px){.topbar{height:70px;padding:0 20px}.brand img{width:132px}.desktop-nav,.status span{display:none}.app-content{padding:34px 18px 0}.page-heading h1{font-size:26px}.hero-panel{grid-template-columns:1fr;gap:35px;padding:28px 24px}.hero-copy h2{font-size:32px}.goal{border-top:1px solid #435467;border-left:0;padding:25px 0 0}.quick-actions,.stats,.lower-grid{grid-template-columns:1fr}.stats>div{border-bottom:1px solid #28364a;border-right:0;padding:18px 20px}.lower-grid{margin-top:28px}.calendar-grid{grid-template-columns:1fr}.week-switch{gap:8px}.bottom-nav{z-index:5;background:#101a2a;border-top:1px solid #2a3a4f;justify-content:space-around;align-items:center;height:72px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#6d7d91;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;font:10px DM Mono;display:flex}.bottom-nav button span{font-size:20px}.bottom-nav .active{color:#e8a75a}.bottom-nav .add-nav{color:#152234;background:#e8a75a;border-radius:50%;width:43px;height:43px;font-size:25px}.form-card,.payment-page{padding:21px}.day{padding:19px 0}.mini-tag{margin-left:7px}}.calendar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.calendar-week{color:#f1f4f6;text-align:left;appearance:none;background:#101a2a;border:1px solid #28364a;width:100%;min-height:145px;padding:22px;display:block}.calendar-week:hover,.calendar-week.selected{background:#172638;border-color:#e8a75a}.calendar-week span,.calendar-week b,.calendar-week small{display:block}.calendar-week span{color:#efaa56;font:10px DM Mono}.calendar-week b{color:#f1f4f6;margin:18px 0 9px;font-size:17px}.calendar-week small{color:#75869b;font:10px DM Mono}.calendar-week i{gap:5px;margin-top:20px;display:flex}.calendar-week em{border:1px solid #46566b;border-radius:50%;width:10px;height:10px}.calendar-week.selected em:first-child{background:#e8a75a;border-color:#e8a75a}.days{border-top:1px solid #28364a}.week-switch{text-align:center;background:#101a2a;border:1px solid #28364a;justify-content:space-between;align-items:center;padding:16px 14px;display:flex}.week-switch button{color:#e8a75a;background:0 0;border:0;font-size:11px}.week-switch b,.week-switch small{display:block}.week-switch b{color:#f1f4f6;font-size:14px}.week-switch small{color:#75869b;margin-top:4px;font:10px DM Mono}.day-picker{grid-template-columns:repeat(7,1fr);gap:8px;margin:16px 0;display:grid}.day-picker button{color:#7f90a6;appearance:none;background:#101a2a;border:1px solid #28364a;padding:11px 6px}.day-picker button:hover,.day-picker button.selected{color:#f1f4f6;background:#243345;border-color:#e8a75a}.day-picker b,.day-picker span,.day-picker small{display:block}.day-picker b{text-transform:uppercase;font:10px DM Mono}.day-picker span{margin:5px 0;font-size:20px;font-weight:800}.day-picker small{color:#e8a75a;font:10px DM Mono}.selected-day{background:#101a2a;border:1px solid #28364a;padding:23px 26px}.selected-day .day-head{margin-bottom:4px}.selected-day .day-head>div>b{color:#f1f4f6;text-transform:capitalize;display:inline-block}.account-row,.account-row>div:nth-child(2){min-width:0}.account-row>div:nth-child(2) b{overflow-wrap:anywhere}.screenshot-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.thumb-link{line-height:0;display:block}.thumb{object-fit:cover;border:1px solid #53657a;width:48px;height:48px}.download-button{color:#e8a75a;border:1px solid #506176;place-items:center;width:30px;height:30px;font-size:18px;text-decoration:none;display:grid}.download-button:hover{background:#28394b;border-color:#e8a75a}.delete-button{color:#e49a9b;background:0 0;border:1px solid #704653;margin-left:8px;padding:7px 9px;font-size:10px}.no-screenshot{color:#56667a;margin-left:auto;font:10px DM Mono}.form-card,.payment-page,.recent,.rule-card{background:#101a2a;border:1px solid #28364a}.form-card{max-width:650px;margin:0 auto;padding:27px}.form-card label{color:#a0afc0;margin-bottom:25px;font:11px DM Mono;display:block}.form-card input:not([type=file]){color:#f1f4f6;background:#0c1524;border:1px solid #324159;outline:0;width:100%;margin-top:9px;padding:14px;display:block}.form-card input:focus{border-color:#e8a75a}.upload{text-align:center;background:#0c1524;border:1px dashed #485a70;place-items:center;height:170px;margin-top:9px;display:grid;position:relative}.upload input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.upload span,.upload b,.upload small{display:block}.upload span{color:#e8a75a;font-size:28px}.upload b,.upload small{color:#bfccd7;font:12px DM Mono}.upload small{color:#6c7d93;font-size:10px}.upload img{max-width:90%;max-height:150px}.form-actions{justify-content:flex-end;gap:12px;display:flex}.secondary{color:#a9b7c6;background:0 0;border:1px solid #34445a;padding:14px 19px;font-size:12px}.payment-page{max-width:680px;padding:27px}.payment-total{border-bottom:1px solid #28364a;padding:8px 0 34px}.payment-total b{font-size:52px;display:block}.payment-total span{color:#7b8b9e;font:11px DM Mono}.payment-list div{border-bottom:1px solid #202d41;justify-content:space-between;padding:18px 0;font-size:13px;display:flex}.payment-list b{font:14px DM Mono}.payment-note{color:#b8c7b6;background:#293126;gap:12px;margin:25px 0;padding:16px;display:flex}.payment-note>span{color:#efad5d;text-align:center;border:1px solid #9d794d;border-radius:50%;width:19px;height:19px}.payment-note p{margin:0;font-size:12px;line-height:1.5}.spinner{border-width:3px;width:42px;height:42px}@media (width<=720px){.calendar-grid{grid-template-columns:1fr}.day-picker{gap:4px}.day-picker button{padding:8px 3px}.selected-day{padding:18px 14px}.account-row{flex-wrap:wrap}.screenshot-actions,.no-screenshot,.delete-button{margin-left:auto}}