:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#203e3c;background:#f5f7f3;font-size:15px}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #dde5df;padding:22px 5%;display:flex;justify-content:space-between;align-items:center}.brand{font-size:25px;font-weight:750}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:6px}.local,.badge{font-size:11px;border-radius:20px;background:#e6efe7;padding:7px 10px;display:inline-block}main{max-width:1180px;margin:auto;padding:30px 24px}.intro{display:flex;justify-content:space-between;align-items:center;gap:15px}.eyebrow{font-size:10px;letter-spacing:2px;color:#658077}h1{font-size:42px;letter-spacing:-1.8px;margin:12px 0}h2{font-size:23px;margin:0 0 16px}h3{margin:0 0 10px}p{line-height:1.6;color:#60726b}button,.button{cursor:pointer;border:1px solid #ccd9d1;border-radius:9px;background:#fff;padding:11px 15px;color:#234a40;font:inherit;text-decoration:none;display:inline-block}button:hover{background:#e7eee8}button.primary{background:#254e43;color:white;border-color:#254e43}nav{display:flex;gap:8px;border-bottom:1px solid #d9e2db;margin:28px 0;padding-bottom:15px;overflow:auto}nav button{white-space:nowrap;border:0;background:transparent}nav .active{background:#264d42;color:#fff}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}.card,.panel{background:white;border:1px solid #dce4dc;border-radius:15px;padding:23px}.value{font-size:35px;font-weight:650;margin:12px 0}.muted,small{color:#6c7d73;font-size:12px}.alert{padding:17px 20px;background:#fff0df;border:1px solid #ecd0a8;border-radius:10px;margin:15px 0;color:#78501e;line-height:1.6}.good{background:#e9f2eb;border-color:#caddcc;color:#335e43}.row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid #e8ede7}.row:last-child{border-bottom:0}.row strong{display:block}.amount{text-align:right;min-width:95px;font-weight:650}.two{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:20px}label{display:block;font-size:12px;color:#53695f;margin:12px 0}input,select,textarea{font:inherit;border:1px solid #bfcec3;border-radius:7px;padding:11px;width:100%;margin-top:6px;background:white;color:#203e3c}textarea{min-height:100px}.toolbar label{margin:0}dialog{max-width:550px;width:calc(100% - 28px);border:1px solid #d1ddd3;border-radius:15px;padding:25px}dialog::backdrop{background:#112e2588}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.badge.projected{background:#fff0d6;color:#7c581d}.badge.personal{background:#eee9f7;color:#685484}.badge.posted{background:#dff1e3;color:#285d35}.agreements{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.agreement p{min-height:48px}footer{text-align:center;padding:30px;font-size:12px;color:#708078}.negative{color:#a75525}a{color:#24654e}details{margin:12px 0}summary{cursor:pointer}ul{line-height:1.8;padding-left:20px}@media(max-width:700px){main{padding:22px 15px}header{padding:18px}.local{font-size:9px}h1{font-size:33px}.intro{align-items:start}.intro>button{font-size:12px}.cards,.two,.agreements{grid-template-columns:1fr}.cards{gap:10px}.card{padding:18px}.value{font-size:30px}nav{gap:0}nav button{padding:10px;font-size:13px}.row{align-items:start;flex-wrap:wrap}.row>div:first-child{flex:1;min-width:160px}}
:root [hidden]{display:none!important}.period-nav{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;margin-bottom:22px}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-left:1px solid #dce4dc;border-top:1px solid #dce4dc}.weekday{padding:12px 3px;text-align:center;background:#eff4ef;font-size:12px;font-weight:650}.calendar-day{min-height:115px;padding:7px;border-right:1px solid #dce4dc;border-bottom:1px solid #dce4dc;min-width:0}.outside{background:#f5f7f3;color:#9aa79c}.planning-day{background:#f0f8ef;box-shadow:inset 0 3px #396b50}.day-number{font-size:13px;font-weight:700;margin-bottom:8px}.calendar-payment{display:block;width:100%;text-align:left;background:#eaf1eb;border:0;border-left:3px solid #5c856b;border-radius:5px;padding:8px 6px;margin-bottom:7px;font-size:12px;overflow-wrap:anywhere}.calendar-payment strong,.calendar-payment span,.calendar-payment small{display:block;margin-bottom:4px}.calendar-payment small{font-size:10px}.personal-payment{background:#f1edf6;border-left-color:#8c75a9}.is-posted{border-left-color:#309444;background:#e4f3e6}.week-day{border-top:1px solid #dce4dc;padding:20px 0 8px}.week-day h3,.list-date{font-size:15px;color:#3e6452}.list-date{margin:25px 0 0;padding-top:15px;border-top:1px solid #dce4dc}@media(max-width:700px){.calendar-day{padding:3px;min-height:65px}.calendar-payment{font-size:10px;padding:5px 3px;border-left-width:2px}.calendar-payment small{font-size:9px}.day-number{font-size:11px}.day-number small{display:none}.weekday{font-size:10px}.month-grid{margin-left:-15px;margin-right:-15px}.period-nav button{font-size:12px;padding:9px}.toolbar label{flex:1 1 130px}}
.paid-toggle{display:flex;align-items:center;gap:7px;cursor:pointer;margin:0;min-height:44px;font-size:12px;color:#345745}.paid-toggle input{width:23px;height:23px;margin:0;accent-color:#2c684a;cursor:pointer;flex-shrink:0}.payment-info{flex:1}.paid-row{background:#f4f9f3}.paid-row .payment-info strong{color:#6c7d73}.calendar-detail{padding:0;border:0;background:transparent;display:block;text-align:left;width:100%;font-size:inherit}.calendar-detail:hover{background:transparent;text-decoration:underline}.calendar-payment .paid-toggle{font-size:11px;margin-bottom:5px}.calendar-payment .paid-toggle input{width:19px;height:19px}.calendar-payment .paid-toggle span{margin:0}.earlier-unpaid{padding:16px;background:#fff7eb;border-radius:9px;margin:20px 0}.earlier-unpaid h3{font-size:16px}.row>.paid-toggle{min-width:83px}@media(max-width:700px){.row{gap:8px}.row>.paid-toggle{min-width:75px}.row>.payment-info{min-width:130px!important}.calendar-payment .paid-toggle{gap:3px;flex-wrap:wrap;line-height:1.2}.calendar-payment .paid-toggle input{width:21px;height:21px}.row .amount{min-width:90px}.earlier-unpaid{padding:12px}}
.sync-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px;font-size:12px;color:#61776a}.sync-toolbar button{font-size:12px}.sync-toolbar #syncState{line-height:1.6}
.weekly-planning{margin:24px 0}.weekly-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.weekly-heading .eyebrow{margin:0 0 8px}.weekly-heading h2{margin:0}.weekly-heading .actions{margin:0}.weekly-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:20px}.week-card{text-align:left;padding:18px 16px;background:#f7f9f5;border:1px solid #d9e4d8;border-radius:12px;display:flex;flex-direction:column;align-items:start;min-width:0}.week-card:hover{background:#eaf2e8;border-color:#71967e}.week-card span{display:block}.week-dates{font-size:13px;font-weight:650}.week-value{font-size:28px;font-weight:700;margin-top:15px;letter-spacing:-.8px;overflow-wrap:anywhere}.week-caption{font-size:12px;margin:3px 0 12px;color:#506954}.week-detail{font-size:11px;line-height:1.6;color:#6a7b6d}.week-link{font-size:11px;color:#375f48;margin-top:auto;padding-top:15px}.planning-week{border-top:4px solid #375f48}.weekly-carry{margin-bottom:0}.weekly-view-total{padding:19px;background:#eaf3e8;border:1px solid #cfdfce;border-radius:11px;margin:18px 0}.weekly-view-total span,.weekly-view-total strong,.weekly-view-total small{display:block}.weekly-view-total strong{font-size:30px;margin:9px 0}.weekly-view-total small{line-height:1.6}@media(max-width:700px){.weekly-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.weekly-planning{padding:18px}.week-card{padding:14px 11px}.week-value{font-size:25px}.weekly-heading .actions{gap:5px}.weekly-heading button{font-size:12px;padding:9px}.weekly-heading h2{font-size:22px}}@media(max-width:350px){.weekly-grid{grid-template-columns:1fr}}