:root{--ink:#172b21;--muted:#718177;--paper:#f7f7f2;--card:#fffefa;--line:#e4e8e0;--green:#2d6147;--green-dark:#204734;--mint:#dff1e4;--yellow:#f8e7a6;--coral:#e68363;--shadow:0 12px 32px rgba(29,55,40,.07)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:14px}.app-shell{min-height:100vh;display:flex}.sidebar{width:258px;background:#fffefa;border-right:1px solid var(--line);padding:27px 16px 17px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:2}.brand{font-family:Fraunces,serif;font-size:23px;font-weight:700;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:9px;padding:0 10px;margin-bottom:34px}.brand-mark{width:24px;height:25px;background:var(--green);border-radius:8px 8px 6px 6px;display:flex;align-items:end;gap:2px;padding:5px;transform:rotate(-5deg)}.brand-mark i{display:block;background:#f8e7a6;width:4px;border-radius:3px 3px 1px 1px}.brand-mark i:nth-child(1){height:8px}.brand-mark i:nth-child(2){height:13px}.brand-mark i:nth-child(3){height:10px}.house-switcher{display:flex;align-items:center;gap:10px;padding:11px 10px;background:#f5f7f1;border-radius:11px;margin:0 3px 25px}.house-switcher .house-icon{font-size:22px;color:var(--green)}.house-switcher div{flex:1}.house-switcher strong,.house-switcher small,.user-card strong,.user-card small{display:block}.house-switcher strong{font-size:13px}.house-switcher small,.user-card small{font-size:11px;color:var(--muted);margin-top:2px}.chevron{font-size:16px}.navigation{display:grid;gap:5px}.nav-link{color:#6b796f;text-decoration:none;display:flex;align-items:center;gap:12px;border-radius:9px;padding:11px 12px;font-weight:600}.nav-link>span{font-family:Georgia;font-size:20px;width:18px;text-align:center}.nav-link.active{color:var(--green-dark);background:#e7f3e9}.nav-link em{margin-left:auto;font-style:normal;font-family:"DM Mono";font-size:11px;background:#ecf0e8;border-radius:10px;padding:2px 6px;color:#69766d}.sidebar-bottom{margin-top:auto;display:grid;gap:13px}.plain-button{border:0;background:transparent;color:var(--muted);padding:8px 11px;text-align:left;font:inherit;cursor:pointer}.plain-button span{font-size:18px;vertical-align:-1px;margin-right:8px}.user-card{display:flex;align-items:center;gap:9px;background:#f5f6f1;border:1px solid #edf0e9;border-radius:10px;padding:9px;cursor:pointer;text-align:left;font-family:inherit}.user-card>span:nth-child(2){flex:1}.user-card strong{font-size:12px}.user-card b{font-size:16px;color:var(--muted)}.avatar{width:29px;height:29px;border:2px solid #fffefa;border-radius:50%;display:inline-grid;place-items:center;font-size:9px;font-weight:700;color:#284333}.avatar-me{background:#d6ebcf}.avatar-jm{background:#f5d7b6}.avatar-sk{background:#d9d4ef}.avatar-rc{background:#cae8e3}.main-content{margin-left:258px;width:calc(100% - 258px);min-height:100vh}.topbar{height:74px;border-bottom:1px solid var(--line);padding:0 49px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,254,250,.6)}.date-label{font:12px "DM Mono";letter-spacing:.03em;color:#748076}.topbar-actions{display:flex;align-items:center;gap:13px}.icon-button,.help-button{border:0;background:transparent;color:var(--green);position:relative;font-family:inherit;font-size:20px;cursor:pointer}.icon-button span{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--coral);right:2px;top:0}.help-button{font-size:13px;width:25px;height:25px;border:1px solid #ccd6cc;border-radius:50%}.mobile-menu{display:none}.page{display:none;padding:50px 49px 45px;max-width:1360px;margin:auto}.page.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:33px;gap:20px}.eyebrow{color:#698170;font:11px "DM Mono";letter-spacing:.09em;margin:0 0 10px}.page h1{font:600 39px/1.1 Fraunces,serif;letter-spacing:-.04em;margin:0 0 11px}.lede{color:var(--muted);font-size:15px;margin:0;line-height:1.5}.primary-button,.secondary-button{border:0;border-radius:8px;padding:11px 16px;font:600 13px "DM Sans";cursor:pointer;white-space:nowrap}.primary-button{background:var(--green);color:white;box-shadow:0 4px 8px rgba(34,78,55,.14)}.primary-button:hover{background:var(--green-dark)}.secondary-button{border:1px solid #ced9ce;background:#fffefa;color:var(--green-dark)}.summary-grid{display:grid;grid-template-columns:1.08fr 1fr 1fr;gap:17px;margin-bottom:28px}.summary-card,.panel{background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:0 1px 0 rgba(31,57,41,.02)}.summary-card{padding:21px;min-height:169px}.balance-card{background:var(--green);color:#f8fbf4;border-color:var(--green)}.card-kicker{display:flex;justify-content:space-between;align-items:center;color:#78877e;font-size:12px;margin-bottom:20px}.balance-card .card-kicker{color:#c4dbc9}.card-kicker button{border:1px solid #a2bba8;background:transparent;color:#d8eddd;border-radius:50%;width:16px;height:16px;font:11px Georgia;padding:0}.summary-card>strong{font:600 30px Fraunces,serif;letter-spacing:-.03em}.summary-card>p{color:#79877e;margin:6px 0 13px;font-size:12px}.balance-card p{color:#d4e5d6}.balance-card p b{color:#fff}.mini-people{display:flex;align-items:center;padding-top:3px}.mini-people .avatar{margin-right:-7px;border-color:var(--green)}.mini-people small{font-size:11px;color:#c4dbc9;margin-left:14px}.task-summary{display:flex;gap:12px;align-items:center;margin:0 0 19px}.task-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:18px;background:#eef4ed}.task-summary strong{font-size:14px}.task-summary p{font-size:12px;color:var(--muted);margin:3px 0}.text-button{border:0;background:transparent;color:var(--green);padding:0;font:600 12px "DM Sans";cursor:pointer}.text-button span{font-size:16px;margin-left:3px}.status-pill{font:11px "DM Mono";padding:4px 7px;border-radius:4px}.amber{background:#fff3c9;color:#826d18}.pot-mark{color:var(--green);font-size:20px}.progress{width:100%;height:5px;background:#e7ece5;border-radius:10px;overflow:hidden;margin-top:15px}.progress i{display:block;background:#83b68b;height:100%;border-radius:inherit}.progress-label{color:#849187;font-size:10px;display:block;margin-top:6px}.content-grid{display:grid;grid-template-columns:1.17fr .83fr;gap:19px}.panel{padding:23px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.panel-heading h2{font:600 19px Fraunces,serif;letter-spacing:-.03em;margin:0 0 5px}.panel-heading p{font-size:12px;color:var(--muted);margin:0}.rota-list{display:grid}.rota-item{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;border-top:1px solid #edf0ea;padding:12px 0}.rota-item:first-child{border-top:0;padding-top:2px}.rota-checkbox{width:20px;height:20px;border-radius:6px;border:1.5px solid #bdcbbd;background:#fff;cursor:pointer;color:white;display:grid;place-items:center;font-size:12px}.rota-checkbox.done{background:#73a77b;border-color:#73a77b}.rota-item strong{font-size:13px}.rota-item small{color:var(--muted);display:block;margin-top:3px;font-size:11px}.rota-item .due-label{font:10px "DM Mono";color:#819086}.activity-list{display:grid;gap:0}.activity-item{display:grid;grid-template-columns:30px 1fr;gap:9px;padding:8px 0}.activity-symbol{width:27px;height:27px;border-radius:50%;background:#edf3e9;display:grid;place-items:center;font-size:12px;color:var(--green)}.activity-item p{margin:0;color:#627267;font-size:12px;line-height:1.45}.activity-item b{color:var(--ink)}.activity-item small{color:#98a299;font-size:10px;display:block;margin-top:2px}.welcome-strip{margin-top:23px;background:#f8ecb9;border:1px solid #f2e2a6;border-radius:11px;padding:14px 17px;display:flex;align-items:center;gap:12px}.strip-illustration{width:38px;height:38px;border-radius:50%;background:#fff7d8;display:grid;place-items:center;font-size:18px;color:#a98526}.welcome-strip div:nth-child(2){flex:1}.welcome-strip strong{font:600 13px Fraunces,serif}.welcome-strip p{margin:3px 0 0;font-size:11px;color:#826e32}.close-strip{border:0;background:transparent;font-size:20px;color:#927c3c;cursor:pointer}.rota-board{padding-bottom:13px}.week-actions{display:flex;gap:6px}.week-actions button{background:#fffefa;border:1px solid var(--line);border-radius:6px;padding:5px 8px;color:var(--green);font:11px "DM Sans"}.week-actions .today-btn{padding:5px 10px}.rota-board-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.rota-column{background:#f7f9f5;border-radius:10px;padding:13px;min-height:210px}.rota-column h3{font-size:12px;margin:0 0 12px;color:#46614e}.rota-task{background:white;border:1px solid #e3e9e1;border-radius:8px;padding:10px;margin-top:8px;cursor:pointer;transition:.15s}.rota-task:hover{border-color:#94b89b;transform:translateY(-1px)}.rota-task.done{opacity:.55;text-decoration:line-through}.rota-task strong{display:block;font-size:12px;margin-bottom:7px}.rota-task span{display:flex;align-items:center;gap:5px;color:#738077;font-size:10px}.tiny-avatar{width:18px;height:18px;font-size:6px}.how-it-works{margin-top:20px;background:#e5f2e8;border-radius:10px;padding:16px 18px;display:flex;gap:12px;align-items:center}.how-it-works>span{font-size:20px;color:var(--green)}.how-it-works strong{font-size:13px}.how-it-works p{margin:3px 0 0;color:#66806d;font-size:12px}.expense-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:25px}.expense-summary article{background:#fffefa;border:1px solid var(--line);border-radius:10px;padding:16px 19px;display:grid;gap:4px}.expense-summary span,.expense-summary small{font-size:11px;color:var(--muted)}.expense-summary strong{font:600 25px Fraunces,serif}.expense-table{border-top:1px solid #ebeee8}.expense-row{display:grid;grid-template-columns:39px 1.5fr 1fr .6fr .6fr;align-items:center;gap:10px;border-bottom:1px solid #edf0ea;padding:13px 2px}.expense-icon{height:30px;width:30px;border-radius:8px;display:grid;place-items:center;background:#e6f1e6;font-size:15px}.expense-name strong{font-size:13px}.expense-name small,.expense-row .expense-date{color:var(--muted);font-size:11px;display:block;margin-top:2px}.expense-row .expense-date{margin:0}.expense-cost{font:500 13px "DM Mono";justify-self:end}.expense-status{justify-self:end;font:10px "DM Mono";background:#eaf4e9;color:#477353;padding:4px 6px;border-radius:4px}.settle-card{margin-top:20px;display:flex;align-items:center;gap:13px;background:#e7f2ea;border:1px solid #d4e7d7;border-radius:12px;padding:18px 20px}.settle-icon{width:36px;height:36px;border-radius:10px;background:#fffefa;color:var(--green);display:grid;place-items:center;font:20px Fraunces}.settle-card div:nth-child(2){flex:1}.settle-card h3{margin:0;font:600 15px Fraunces}.settle-card p{margin:4px 0 0;font-size:12px;color:#66806d}.people-list,.pending-panel>div{border-top:1px solid #ebeee8}.person-row{display:grid;grid-template-columns:42px 1fr auto auto;gap:10px;align-items:center;padding:14px 2px;border-bottom:1px solid #edf0ea}.person-row strong{font-size:13px}.person-row small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.admin-badge{font:10px "DM Mono";color:#4a7255;background:#e7f2e8;border-radius:4px;padding:4px 6px}.person-balance{font:12px "DM Mono";color:#607166}.pending-panel{margin-top:20px}.request-count{font:10px "DM Mono";background:#f7e7aa;color:#836e23;border-radius:10px;padding:3px 6px}.pending-row{display:flex;align-items:center;gap:11px;padding:14px 2px;border-bottom:1px solid #edf0ea}.pending-row>div:nth-child(2){flex:1}.pending-row strong{font-size:13px}.pending-row small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.approve-button,.decline-button{font:600 11px "DM Sans";border-radius:6px;padding:7px 9px;cursor:pointer}.approve-button{color:#fff;background:var(--green);border:1px solid var(--green)}.decline-button{color:#6c786e;background:white;border:1px solid #d8dfd7;margin-left:4px}.modal{border:0;border-radius:15px;padding:0;width:min(440px,calc(100% - 30px));box-shadow:0 25px 60px rgba(11,35,20,.25)}.modal::backdrop{background:rgba(22,43,33,.45);backdrop-filter:blur(2px)}.modal form{padding:26px}.modal-heading{display:flex;justify-content:space-between;margin-bottom:22px}.modal-heading h2{font:600 25px Fraunces;margin:0;letter-spacing:-.03em}.modal-close{border:0;background:#f0f3ee;border-radius:50%;width:27px;height:27px;font-size:20px;color:#637066;cursor:pointer}.modal label{display:grid;gap:7px;font-size:12px;color:#5e6d62;font-weight:600;margin-top:14px}.modal input,.modal select{width:100%;border:1px solid #d9e0d7;border-radius:7px;background:#fffefa;padding:10px;font:13px "DM Sans";color:var(--ink);outline-color:#80a686}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.modal fieldset{margin:18px 0;border:0;padding:0}.modal legend{font-size:12px;font-weight:600;color:#5e6d62;margin-bottom:9px}.split-members{display:grid;grid-template-columns:1fr 1fr;gap:8px}.split-members label{margin:0;display:flex;gap:7px;align-items:center;font-size:12px;font-weight:400}.split-members input{width:auto;accent-color:var(--green)}.full-width{width:100%;margin-top:6px}.account-copy{color:var(--muted);line-height:1.55;font-size:13px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#1f4834;color:#fff;padding:11px 15px;border-radius:8px;font-size:13px;opacity:0;transition:.2s;pointer-events:none;z-index:5}.toast.show{transform:translate(-50%,0);opacity:1}@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0);box-shadow:20px 0 40px rgba(0,0,0,.1)}.main-content{margin-left:0;width:100%}.mobile-menu{display:block;border:0;background:transparent;font-size:20px;color:var(--green)}.topbar{padding:0 20px}.page{padding:34px 20px}.summary-grid,.content-grid{grid-template-columns:1fr}.rota-board-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.page-heading{display:grid}.primary-button,.secondary-button{justify-self:start}.summary-grid{gap:11px}.expense-summary{gap:8px}.expense-summary article{padding:12px}.expense-summary strong{font-size:20px}.expense-row{grid-template-columns:36px 1fr auto}.expense-row .expense-date,.expense-status{display:none}.rota-board-grid{grid-template-columns:1fr}.settle-card{align-items:flex-start;flex-wrap:wrap}.settle-card .secondary-button{margin-left:49px}.person-row{grid-template-columns:38px 1fr auto}.person-balance{display:none}.topbar{height:60px}.page h1{font-size:33px}}