.view-section{display:none}.view-section.active{display:block}.page-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.page-title h1{font:800 clamp(28px,3vw,39px) Manrope;margin:0;letter-spacing:-.04em}.page-title p:not(.eyebrow){color:var(--muted);margin:6px 0 0}.week-summary{display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--line);border-radius:17px;margin-bottom:22px;box-shadow:var(--shadow)}.week-summary>div{padding:20px 24px;border-right:1px solid var(--line)}.week-summary>div:last-child{border:0}.week-summary span,.week-summary small{display:block}.week-summary span{font:800 22px Manrope}.week-summary small{color:var(--muted);font-size:10px;margin-top:4px}.week-board{display:grid;grid-template-columns:repeat(7,minmax(125px,1fr));gap:9px;overflow-x:auto;padding-bottom:12px}.day-column{min-height:420px;background:#fbfaf7;border:1px solid var(--line);border-radius:15px;padding:12px}.day-column.today-col{background:#f1f5ed;border-color:#aebfa9}.day-column header{display:flex;justify-content:space-between;align-items:center;padding:3px 3px 13px}.day-column header span{font-size:9px;font-weight:800;color:var(--muted);letter-spacing:.1em}.day-column header strong{font:800 16px Manrope}.mini-task{background:white;border:1px solid var(--line);border-radius:11px;padding:10px;margin-bottom:8px}.mini-task i{display:grid;width:26px;height:26px;place-items:center;border-radius:7px;font-style:normal;margin-bottom:8px}.mini-task b,.mini-task small{display:block}.mini-task b{font-size:10px}.mini-task small{font-size:8px;color:var(--muted);margin-top:4px}.done-mini{opacity:.55}.done-mini b{text-decoration:line-through}.day-add{border:1px dashed #b5c1b7;background:transparent;color:var(--sage-dark);width:100%;border-radius:9px;padding:7px;cursor:pointer}.rest-day{display:grid;place-items:center;gap:6px;color:#9aa39e;font-size:25px;margin-top:80px}.rest-day small{font-size:9px}.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.room-card{background:white;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 8px 25px rgba(45,61,54,.04)}.room-hero{height:105px;padding:18px;display:flex;justify-content:space-between;align-items:flex-start}.room-hero>span{font-size:32px}.room-hero em{font-style:normal;background:#fff5e4;color:#a36e24;border-radius:99px;padding:5px 8px;font-size:8px;font-weight:800}.room-hero em.ok{background:#e8f3e9;color:#4c7b5c}.room-kitchen{background:#f7ddcf}.room-bedroom{background:#e7e1f2}.room-living{background:#f8edc9}.room-bath{background:#dcebee}.room-laundry{background:#e2ebdc}.room-card>div:last-child{padding:16px}.room-card h3{font:800 15px Manrope;margin:0}.room-card p{font-size:9px;color:var(--muted)}.room-progress,.person-bar{height:6px;background:#e9ece8;border-radius:9px;overflow:hidden;margin:14px 0 6px}.room-progress i,.person-bar i{display:block;height:100%;background:var(--sage);border-radius:9px}.room-card small{font-size:9px;color:var(--muted)}.add-room{min-height:230px;border:1px dashed #aebdb1;border-radius:17px;background:transparent;color:var(--sage-dark);display:grid;place-content:center;place-items:center;gap:5px;cursor:pointer}.add-room>span{font-size:27px}.add-room small{color:var(--muted)}.people-layout{display:grid;grid-template-columns:1fr 320px;gap:25px}.people-list{display:grid;gap:12px}.person-card{display:grid;grid-template-columns:auto 1fr auto;gap:16px;background:white;border:1px solid var(--line);border-radius:16px;padding:18px;align-items:center}.person-avatar{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:white;font-weight:800}.coral{background:#c57b69}.green-bg{background:#6f9279}.gold{background:#c9a45a}.person-main{display:grid;grid-template-columns:1fr auto;align-items:center}.person-main h3{font:800 14px Manrope;margin:0}.person-main p,.person-main small{font-size:9px;color:var(--muted);margin:3px 0 0}.person-main>strong{font-size:11px}.person-main .person-bar,.person-main>small{grid-column:1/-1}.person-card>button{border:0;background:transparent;color:var(--muted)}.balance-card{text-align:center}.balance-card h2{font:800 19px Manrope}.balance-card>p:not(.eyebrow){font-size:10px;color:var(--muted)}.donut{width:125px;height:125px;border-radius:50%;background:conic-gradient(#c57b69 0 50%,#6f9279 50% 83%,#c9a45a 83%);margin:22px auto;display:grid;place-content:center;position:relative}.donut:before{content:"";position:absolute;inset:15px;background:white;border-radius:50%}.donut strong,.donut small{z-index:1}.donut strong{font:800 22px Manrope}.donut small{font-size:9px;color:var(--muted)}.balance-card ul{list-style:none;padding:0;margin:0;text-align:left}.balance-card li{font-size:10px;padding:8px 0;border-top:1px solid var(--line)}.balance-card li b{float:right}.balance-card li i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.coral-dot{background:#c57b69}.green-dot{background:#6f9279}.gold-dot{background:#c9a45a}
@media(max-width:900px){.page-title{margin-top:20px}.room-grid{grid-template-columns:repeat(2,1fr)}.people-layout{grid-template-columns:1fr}.week-summary{grid-template-columns:repeat(2,1fr)}.week-summary>div:nth-child(2){border-right:0}}
@media(max-width:600px){.page-title .primary-btn{font-size:0;padding:12px}.page-title .primary-btn span{font-size:18px}.room-grid{grid-template-columns:1fr}.week-summary>div{padding:15px}.week-summary span{font-size:17px}.person-card{grid-template-columns:auto 1fr}.person-card>button{display:none}}
