:root{--paper:#f3f7f5;--ink:#173b38;--muted:#6a7d77;--blue:#16786b;--bluewash:#e4f0ea;--dani:#8a6399;--green:#237a53;--amber:#a96522;--line:#dfe8e2;--red:#b63945;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.45}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.48;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #7eafa1;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #7eafa1;outline-offset:1px}button{touch-action:manipulation}svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1.1px;line-height:1.2}h2{font-size:21px;letter-spacing:-.55px}h3{font-size:16px}small,.muted{color:var(--muted)}small{font-size:12px}strong,.money{font-variant-numeric:tabular-nums}.wrap{max-width:760px;margin:auto;padding:env(safe-area-inset-top) 22px 120px}.top{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:17px;letter-spacing:-.4px}.brand-mark{display:grid;place-items:center;width:39px;height:42px;color:var(--blue);background:#e1eee8;border-radius:13px}.brand-mark svg{width:25px;height:25px}.profile{width:42px;height:42px;border-radius:50%;background:var(--bluewash);border:2px solid white;font-size:14px;font-weight:700;color:var(--blue)}.profile.dani{background:#f0eafa;color:var(--dani)}.headline{display:flex;justify-content:space-between;align-items:center;margin:8px 0 24px}.headline p{font-size:13px;margin-top:7px;color:var(--muted)}.sync{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--green);min-height:24px;padding:0}.sync svg{width:13px;height:13px}.sync.waiting{color:var(--amber)}.sync.error{color:var(--red)}.calendar{background:white;border:1px solid var(--line);border-radius:24px;padding:17px 14px 15px}.monthbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:0 3px}.monthnav{display:flex;align-items:center;gap:2px}.iconbtn{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;flex-shrink:0}.iconbtn:hover{background:var(--bluewash)}.monthtitle{font-size:17px;letter-spacing:-.4px;font-weight:700;min-width:144px;text-align:center}.todaybtn{color:var(--blue);padding:8px 10px;font-size:13px;font-weight:600;background:var(--bluewash);border-radius:10px}.weekdays,.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.weekdays{text-align:center;color:var(--muted);font-size:11px;margin-bottom:5px}.day{min-width:0;height:45px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:13px;font-size:14px;gap:4px;font-variant-numeric:tabular-nums;position:relative}.day:hover{background:var(--paper)}.day.today{box-shadow:inset 0 0 0 1px #89b6a5;color:var(--blue);font-weight:700}.day.selected{background:var(--blue);color:white;box-shadow:none}.dots{height:4px;display:flex;gap:3px}.dot{width:4px;height:4px;border-radius:50%;background:var(--green)}.dot.plan{background:var(--amber)}.selected .dot{background:white}.selected .dot.plan{background:#ffcb6b}.legend{display:flex;justify-content:center;align-items:center;gap:15px;font-size:10px;color:var(--muted);margin-top:13px}.legend span{display:flex;align-items:center;gap:5px}.totals{display:grid;grid-template-columns:1fr 1fr;padding:20px 2px 22px;gap:20px}.totals>div+div{border-left:1px solid var(--line);padding-left:20px}.totals label{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:5px}.totals label svg{width:14px;height:14px}.totals strong{display:block;font-size:22px;letter-spacing:-.65px;white-space:nowrap}.totals .paid strong{color:var(--green)}.sectionbar{display:flex;justify-content:space-between;align-items:center;margin:6px 0 10px;gap:10px}.sectionbar h2{font-size:18px}.textbtn{color:var(--blue);font-size:12px;min-height:40px;font-weight:600;padding:6px 0}.ledger{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden}.expense{display:flex;align-items:center;width:100%;text-align:left;gap:11px;padding:17px 14px;border-bottom:1px solid #eaf0ec}.expense:last-child{border-bottom:0}.expense:active{background:var(--bluewash)}.dateblock{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:35px;border-right:1px solid var(--line);padding-right:11px;line-height:1.15}.dateblock b{font-size:20px;letter-spacing:-.8px}.dateblock small{font-size:10px;margin-top:4px}.exptext{min-width:0;flex:1}.exptext h3{font-size:14px;line-height:1.4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:600}.exptext p{display:flex;align-items:center;gap:5px;margin-top:5px;font-size:11px;color:var(--muted);flex-wrap:wrap}.persondot{height:6px;width:6px;border-radius:50%;background:var(--blue);display:inline-block}.persondot.dani{background:var(--dani)}.expamount{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}.expamount strong{font-size:14px;letter-spacing:-.25px}.status{font-size:10px;color:var(--green);display:inline-flex;align-items:center;gap:3px}.status svg{width:11px;height:11px}.status.planned{color:var(--amber)}.status.late{color:var(--red)}.status.pending{color:var(--amber)}.pill{font-size:10px;background:var(--bluewash);color:var(--blue);padding:2px 5px;border-radius:5px}.empty{text-align:center;padding:35px 20px;color:var(--muted)}.empty svg{width:32px;height:32px;color:#91a1bb;margin-bottom:12px}.empty p{font-size:13px;margin:7px auto 15px;max-width:230px}.nav{position:fixed;bottom:0;left:0;right:0;z-index:5;background:#ffffffef;backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:9px 18px calc(9px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:6px}.nav-inner{display:flex;align-items:center;max-width:716px;width:100%;gap:4px}.nav button{height:54px;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:10px;color:var(--muted);border-radius:14px}.nav button.active{color:var(--blue);background:var(--bluewash);font-weight:700}.nav .add{background:var(--blue);color:white;flex:0 0 56px;margin-left:12px;box-shadow:0 5px 13px #16786b30;border-radius:18px}.nav .add svg{width:28px;height:28px}.filters{display:flex;gap:7px;overflow:auto;padding:2px 1px 10px;scrollbar-width:none}.chip{border:1px solid var(--line);border-radius:30px;padding:9px 13px;white-space:nowrap;font-size:12px;background:white;min-height:38px}.chip.active{background:var(--ink);border-color:var(--ink);color:white}.search{position:relative;margin:0 0 14px}.search svg{position:absolute;top:14px;left:14px;color:var(--muted);width:18px;height:18px}.search input{padding-left:42px}.listlabel{margin:20px 0 8px;font-size:13px;font-weight:600}.listtotal{font-size:13px;color:var(--muted);margin:10px 0 17px}.listtotal strong{color:var(--ink)}.notice{display:flex;align-items:center;gap:10px;background:#fff4dd;color:#82521b;border:1px solid #efdeb9;border-radius:14px;padding:12px;font-size:12px;width:100%;text-align:left;margin:12px 0}.notice svg{width:18px}.notice span{flex:1}.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.person-card{background:white;border:1px solid var(--line);border-radius:20px;padding:18px 15px}.avatar{height:37px;width:37px;border-radius:50%;background:var(--bluewash);color:var(--blue);display:grid;place-items:center;font-size:13px;font-weight:700;margin-bottom:14px}.avatar.dani{background:#f0eafa;color:var(--dani)}.person-card h3{font-size:17px;margin-bottom:17px}.person-card small{display:block}.person-card strong{display:block;font-size:20px;letter-spacing:-.65px;margin-top:3px}.person-card .secondary{font-size:15px;margin:3px 0 0;color:var(--muted)}.balance{background:var(--bluewash);border-radius:20px;padding:23px;margin:18px 0}.balance>svg{color:var(--blue);margin-bottom:12px}.balance strong{font-size:27px;letter-spacing:-.8px;display:block;margin:7px 0}.balance p{font-size:13px;color:var(--muted);max-width:400px}.splitbar{display:flex;height:8px;border-radius:10px;overflow:hidden;margin:24px 0 12px;background:var(--line)}.splitbar i{background:var(--blue)}.splitbar i+i{background:var(--dani)}.pair{display:flex;justify-content:space-between;font-size:12px;gap:12px}.explanation{font-size:12px;color:var(--muted);line-height:1.6;margin:14px 0}.btn{min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;font-weight:600;padding:12px 18px;font-size:14px;background:var(--bluewash);color:var(--blue)}.btn.primary{background:var(--blue);color:white}.btn.full{width:100%}.btn.danger{color:var(--red);background:#fceef0}.btn svg{width:18px}.stack{display:grid;gap:10px}.loading{min-height:70vh;display:grid;place-content:center;text-align:center;color:var(--muted);gap:15px}.house{color:var(--blue);font-size:50px}.login{max-width:420px;margin:0 auto;padding:calc(70px + env(safe-area-inset-top)) 28px 40px}.login .brand{margin-bottom:56px}.login h1{font-size:36px;letter-spacing:-1.3px;margin-bottom:12px}.login>p{color:var(--muted);font-size:15px;margin-bottom:32px}.login-people{display:flex;gap:12px;margin:28px 0 24px}.login-person{flex:1;border:1px solid var(--line);border-radius:20px;display:flex;align-items:center;flex-direction:column;padding:20px;gap:10px;background:white;font-weight:600}.login-person .avatar{margin:0;width:48px;height:48px;font-size:17px}.login-person.active{border:2px solid var(--blue);padding:19px;background:var(--bluewash)}.login .footnote{text-align:center;color:var(--muted);font-size:12px;margin-top:35px}dialog{border:0;margin:auto auto 0;width:min(100%,600px);max-width:100%;max-height:94dvh;padding:0;border-radius:26px 26px 0 0;background:white;color:var(--ink);box-shadow:0 -10px 60px #15234226;overscroll-behavior:contain}dialog::backdrop{background:#15234270;backdrop-filter:blur(3px)}.sheet-head{position:sticky;top:0;background:white;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:20px 22px 13px;border-bottom:1px solid var(--line)}.sheet-head h2{font-size:21px}.sheet-body{padding:20px 22px calc(25px + env(safe-area-inset-bottom))}.field{display:block;margin-bottom:17px}.field>span,.field-label{display:block;font-size:12px;color:var(--muted);font-weight:600;margin-bottom:7px}input,select,textarea{width:100%;min-height:48px;padding:12px 13px;border:1px solid #dbe2ee;background:var(--paper);color:var(--ink);border-radius:12px;font-size:16px;max-width:100%}input[type=date]{min-width:0;appearance:none;-webkit-appearance:none;min-height:48px}textarea{resize:vertical;min-height:80px}.amount-field{display:flex;align-items:baseline;border-bottom:2px solid var(--line);margin:4px 0 24px}.amount-field span{font-size:22px;color:var(--muted);padding-right:9px}.amount-field input{font-size:40px;letter-spacing:-1px;font-weight:600;padding:8px 0;border:0;background:none;min-width:0;border-radius:0}.amount-field input:focus{outline:none}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.segments{display:flex;background:var(--paper);padding:4px;border:1px solid var(--line);border-radius:13px;gap:3px;margin-bottom:18px}.segments button{flex:1;min-height:41px;border-radius:9px;font-size:13px;display:flex;gap:7px;align-items:center;justify-content:center}.segments button.on{background:white;box-shadow:0 1px 4px #173b3814;font-weight:700;color:var(--blue)}.segments button.on.dani{color:var(--dani)}.segments .avatar{width:22px;height:22px;font-size:9px;margin:0}.split-options{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}.split-options button{font-size:11px;border:1px solid var(--line);border-radius:10px;min-height:44px;padding:6px 3px}.split-options button.on{background:var(--bluewash);color:var(--blue);border-color:#9bc8b6}.split-caption{font-size:11px;color:var(--muted);margin-bottom:18px}.disclosure{border-top:1px solid var(--line);padding:15px 0}.disclosure summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;min-height:32px}.disclosure summary::-webkit-details-marker{display:none}.disclosure summary span{display:flex;align-items:center;gap:9px}.disclosure summary svg{width:18px;color:var(--muted)}.disclosure[open] summary{margin-bottom:15px}.dates-preview{display:grid;gap:9px;max-height:230px;overflow:auto;margin:12px 0}.date-line{display:grid;grid-template-columns:26px 1fr 94px;align-items:center;gap:7px}.date-line small{font-size:11px}.date-line input{padding:9px;font-size:14px;min-height:44px}.date-line strong{font-size:12px;text-align:right}.form-actions{position:sticky;bottom:0;padding:12px 0 max(2px,env(safe-area-inset-bottom));background:white;margin-top:12px;z-index:1}.form-error{color:var(--red);font-size:13px;margin:0 0 12px;white-space:pre-wrap}.detail-title{font-size:23px;line-height:1.25;letter-spacing:-.5px;margin-bottom:12px;overflow-wrap:anywhere}.detail-value{font-size:38px;font-weight:700;letter-spacing:-1.3px;margin:5px 0 16px}.detail-rows{margin:22px 0}.detail-rows>div{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:13px}.detail-rows span{color:var(--muted)}.detail-rows b{text-align:right;font-weight:500}.notes{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;color:var(--muted);margin:10px 0 20px}.receipt-img{display:block;width:100%;max-height:400px;object-fit:contain;margin-bottom:20px}.recovery-item{padding:15px 0;border-bottom:1px solid var(--line)}.recovery-item p{font-size:12px;color:var(--muted);margin:7px 0 12px}.settings-user{display:flex;align-items:center;gap:12px;margin-bottom:20px}.settings-user .avatar{margin:0}#toast{position:fixed;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--ink);color:white;border-radius:13px;padding:13px 17px;max-width:calc(100% - 32px);width:max-content;font-size:13px;z-index:20;box-shadow:0 5px 20px #173b3822;display:none}#toast.show{display:block}.saved-note{font-size:11px;color:var(--muted);text-align:center;padding:14px 0 0}.errorbox{background:#fff1f2;color:var(--red);font-size:13px;border-radius:12px;padding:12px;margin-bottom:15px}.hidden{display:none!important}.receipt-actions{display:flex;gap:9px;align-items:center;font-size:12px;margin:10px 0}.download-link{color:var(--blue);display:inline-block;padding:12px 0;font-size:13px}
@media(min-width:650px){.wrap{padding-top:15px;max-width:740px}.calendar{padding:22px}.day{height:53px}.top{height:85px}.headline{margin:8px 0 30px}h1{font-size:35px}.totals strong{font-size:26px}.expense{padding:19px 22px}.exptext h3{font-size:16px}.expamount strong{font-size:16px}.dateblock{min-width:48px}.nav-inner{max-width:660px}.nav .add{margin-left:40px}dialog{margin:auto;border-radius:26px;max-height:90dvh}.login{padding-top:100px}}
@media(max-width:370px){.wrap{padding-left:15px;padding-right:15px}.calendar{padding:12px 8px}.monthtitle{min-width:126px;font-size:15px}.day{height:42px}.totals strong{font-size:20px}.expense{padding:14px 10px;gap:8px}.expamount strong{font-size:12px}.sheet-body{padding-left:17px;padding-right:17px}.split-options button{font-size:10px}.date-line{grid-template-columns:23px 1fr 82px}}
@media(prefers-reduced-motion:no-preference){dialog[open]{animation:sheet-in .2s ease-out}@keyframes sheet-in{from{transform:translateY(24px);opacity:.4}to{transform:translateY(0);opacity:1}}}
.brand-mark{background:var(--blue);color:white;box-shadow:0 3px 0 #0c564c18}.calendar{padding-top:0;overflow:hidden;border-color:#cdded4;box-shadow:0 6px 24px #173b3805}.monthbar{background:var(--ink);color:white;margin:0 -14px 15px;padding:14px 10px}.monthbar .muted{color:#adc9be}.monthbar .iconbtn:hover{background:#ffffff18}.monthbar .todaybtn{background:#ffffff18;color:#dcece5;border:1px solid #ffffff25}.monthbar .iconbtn{width:44px;height:44px}.weekdays{font-weight:600;color:#698b7d}.day{height:47px}.day.today{background:#f0f5ee}.day.selected{background:var(--blue);color:white}.legend{padding-top:9px;border-top:1px solid #edf1ed;margin-top:12px}.dot.plan{background:#d59047}.totals{gap:12px;padding:15px 0 20px}.totals>div{background:#f1e9dc;border:1px solid #e9dfcd;border-radius:16px;padding:13px 14px}.totals>div+div{background:#e7f0e9;border:1px solid #d7e6db;padding:13px 14px}.totals label{color:#7e7054}.totals .paid label{color:#53775b}.totals strong{font-size:21px}.exptext p{gap:5px}.exptext p>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:140px}.dateblock{border:0;background:#f0f4ef;border-radius:10px;min-width:39px;padding:8px 5px}.dateblock small{font-size:9px}.dateblock.undated{color:#8a755a;background:#f6efe3;min-width:44px}.dateblock.undated svg{width:20px;height:20px}.dateblock.undated small{font-size:8px}.nav .add{box-shadow:0 5px 14px #16786b30}.balance{background:#dfeee5;border:1px solid #cbded0}.profile{border-color:#fff;background:#e3ede7}.login-person.active{background:#e7f1eb}.login-person.active .avatar{background:#d2e5d9}.day-prompt{display:flex;align-items:center;gap:13px;margin:0 0 20px}.day-prompt p{font-size:14px;color:var(--muted)}.day-illustration{display:grid;place-items:center;width:48px;height:48px;background:#e4f0ea;color:var(--blue);border-radius:15px;flex-shrink:0}.day-ledger{margin-top:18px}.day-ledger:empty{display:none}.agreement-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 17px}.agreement-options button{border:1px solid var(--line);border-radius:13px;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;font-size:11px;padding:12px 6px;min-height:76px;background:#fafcf9}.agreement-options button svg{width:21px;height:21px;color:#799389}.agreement-options button.on{border:2px solid var(--blue);padding:11px 5px;background:var(--bluewash);font-weight:700;color:var(--blue)}.agreement-options button.on svg{color:var(--blue)}.agreement-options button:nth-child(4),.agreement-options button:nth-child(5){min-height:63px;flex-direction:row}.agreement-options button:nth-child(4){grid-column:span 2}.plan-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:16px 14px 0;background:#f3f7f3;border-radius:15px;margin-bottom:20px;border:1px solid var(--line)}.plan-controls .field:last-child:nth-child(3){grid-column:span 2}.plan-hint{font-size:12px;color:var(--muted);margin:-3px 0 22px}.payment-step{border:1px solid var(--line);border-radius:15px;margin:10px 0;background:white;overflow:hidden}.payment-step>summary{display:flex;align-items:center;gap:10px;padding:15px 12px;list-style:none;cursor:pointer}.payment-step>summary::-webkit-details-marker{display:none}.payment-step>summary>svg{width:14px;height:14px;color:var(--muted)}.payment-step>summary>strong{font-size:13px;white-space:nowrap}.step-number{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#e4eee7;color:var(--blue);font-size:11px;font-weight:700}.step-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.step-info b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-info small{font-size:10px;line-height:1.4}.payment-edit{padding:16px 14px 4px;background:#f7faf6;border-top:1px solid var(--line)}.payment-edit .field{margin-bottom:14px}.payment-edit input,.payment-edit select{background:white;min-height:46px}.payment-edit .row{gap:9px}.payment-step[open]>summary{background:#edf5ee}.remove-payment{display:flex;align-items:center;gap:6px;color:var(--red);margin:0 0 8px}.remove-payment svg{width:15px}.plan-total{padding:16px 14px;border-radius:15px;margin:15px 0 23px;background:#fff4e5;border:1px solid #ead8b9}.plan-total.complete{background:#e6f1e8;border-color:#c6dec9}.plan-total .pair{align-items:center}.plan-total .pair>span{font-size:12px;font-weight:600}.plan-total .pair>strong{font-size:17px;letter-spacing:-.4px}.plan-progress{height:5px;background:#e7dbc9;border-radius:9px;overflow:hidden;margin:12px 0 8px}.plan-progress i{display:block;height:100%;background:#c48737;border-radius:9px}.complete .plan-progress{background:#c6dfca}.complete .plan-progress i{background:var(--green)}.plan-total small{font-size:10px}.plan-total .textbtn{padding-bottom:0;font-size:12px}.segments button{min-height:44px}#payment-schedule>.sectionbar{margin-top:24px}.form-actions{border-top:1px solid #edf2ed;padding-top:14px}.paid-date-row{margin-top:12px}
@media(min-width:650px){.monthbar{margin-left:-22px;margin-right:-22px;padding-left:18px;padding-right:18px}.day{height:55px}.totals strong{font-size:25px}.payment-step>summary>strong{font-size:15px}.agreement-options{grid-template-columns:repeat(5,1fr)}.agreement-options button:nth-child(4){grid-column:auto}.agreement-options button:nth-child(4),.agreement-options button:nth-child(5){flex-direction:column}.step-info b{font-size:14px}.step-info small{font-size:12px}}
@media(max-width:370px){.monthbar{margin-left:-8px;margin-right:-8px;padding:10px 3px}.day{height:44px}.totals{gap:8px}.totals>div,.totals>div+div{padding:12px 11px}.totals strong{font-size:19px}.payment-step>summary{gap:7px;padding:13px 10px}.payment-step>summary>strong{font-size:12px}.step-number{width:24px;height:24px}}

/* Calendar: visible counts, status symbols and a distinct selected date. */
.days{gap:5px}.weekdays{margin-bottom:9px}.day{height:58px;padding:6px 0 5px;gap:3px;border-radius:12px;justify-content:flex-start;border:1px solid transparent}.day-number{font-size:16px;line-height:22px;font-weight:550}.day:not(.has-items){color:#72857c}.day.has-items{border-color:#d9e7df}.day.has-items .day-number{font-weight:750}.day.settled{background:#e9f4ec}.day.upcoming{background:#fff2dc;border-color:#f0dfbc}.day.overdue{background:#fbeaec;border-color:#efd4d9}.day.mixed{background:#edf1e7;border-color:#d8e2d0}.day-counts{display:flex;justify-content:center;align-items:center;gap:2px;min-height:16px;max-width:100%}.day-count{display:inline-flex;gap:1px;align-items:center;justify-content:center;font-size:10px;line-height:16px;font-weight:750;border-radius:5px;padding:0 2px;min-width:18px;font-variant-numeric:tabular-nums}.day-count svg{width:10px;height:10px;stroke-width:2.3}.paid-count{color:#226242;background:#d4e9d9}.planned-count{color:#805012;background:#f9e3b6}.late-count{color:#a52f45;background:#f3d2da}.day.today{box-shadow:inset 0 0 0 2px #16786b;color:#145f52}.day.today .day-number{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}.day.selected{background:#173b38;border-color:#173b38;box-shadow:0 3px 7px #173b3825;color:white}.day.selected .day-number{color:white}.day:hover{filter:brightness(.97)}.day.selected:hover{background:#173b38}.calendar-key{display:flex;justify-content:center;gap:15px;padding:14px 0 11px;font-size:10px;border-bottom:1px solid #e5ede6;margin-top:4px}.calendar-key span{display:inline-flex;gap:4px;align-items:center}.calendar-key svg{width:13px;height:13px;stroke-width:2.2}.key-paid{color:#226242}.key-planned{color:#805012}.key-late{color:#a52f45}.calendar-foot{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);padding-top:11px;gap:8px}.calendar-foot>span:last-child{display:flex;align-items:center;gap:5px;color:var(--blue);font-weight:600}.calendar-foot svg{width:13px;height:13px}.day-overview{display:flex;align-items:center;gap:16px;margin-bottom:22px}.day-stamp{background:#e4f0ea;border:1px solid #d0e2d7;border-radius:18px;min-width:72px;min-height:78px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--blue)}.day-stamp strong{font-size:32px;letter-spacing:-1px;line-height:1.1}.day-stamp span{text-transform:uppercase;font-size:10px;letter-spacing:1.5px;margin-top:5px;font-weight:700}.day-weekday{text-transform:capitalize;color:var(--muted);font-size:13px;margin-bottom:4px}.day-overview h3{font-size:22px;letter-spacing:-.6px}.day-overview small{display:block;font-size:10px;margin-top:5px}.day-totals{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.day-totals>div{border-radius:15px;padding:13px 12px;min-width:0}.day-paid{background:#e9f4ec;color:#226242}.day-planned{background:#fff2dc;color:#805012}.day-planned.is-late{background:#fbeaec;color:#a52f45}.day-totals span{display:flex;align-items:center;gap:5px;font-size:11px}.day-totals svg{width:14px;height:14px}.day-totals b{margin-left:auto;font-size:10px;min-width:19px;line-height:19px;text-align:center;border-radius:6px;background:#ffffff90}.day-totals strong{display:block;font-size:18px;letter-spacing:-.5px;margin-top:7px;overflow-wrap:anywhere}
@media(min-width:650px){.day{height:68px;padding-top:9px}.day-number{font-size:19px}.day-count{font-size:12px;padding:1px 5px}.day-count svg{width:12px;height:12px}.calendar-key,.calendar-foot{font-size:12px}.day-totals strong{font-size:24px}}
@media(max-width:370px){.days{gap:4px}.day{height:56px;border-radius:10px}.day-count{font-size:9px;padding:0 1px;min-width:17px}.calendar-key{gap:12px}.day-totals strong{font-size:17px}}
/* Compact home: all-project overview, calendar and the next commitment. */
.brand-copy{display:flex;flex-direction:column;gap:1px}.brand-copy small{font-size:10px;font-weight:400;letter-spacing:0}.home-wrap{padding:env(safe-area-inset-top) 16px calc(80px + env(safe-area-inset-bottom));max-width:620px}.home-wrap .top{height:54px}.home-wrap .brand{font-size:16px;gap:9px}.home-wrap .brand-mark{width:34px;height:36px;border-radius:11px}.home-wrap .brand-mark svg{width:23px;height:23px}.home-wrap .profile{width:40px;height:40px}.home-summary{border-radius:20px;background:#173b38;color:white;padding:11px 15px 0;margin-bottom:10px;overflow:hidden}.summary-total{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:0;gap:8px;min-height:48px}.summary-label{font-size:11px;color:#bdd4c9;display:block}.summary-total strong{font-size:27px;line-height:1.25;letter-spacing:-.7px;display:block}.summary-total-side{font-size:10px;color:#bdd4c9;display:flex;align-items:center;gap:5px;white-space:nowrap}.summary-total-side svg{width:13px;height:13px}.summary-values{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:6px}.summary-values button{text-align:left;padding:0;min-height:44px}.summary-values button+button{border-left:1px solid #ffffff22;padding-left:15px}.summary-values span{display:flex;gap:5px;align-items:center;font-size:10px;color:#c7dfd2}.summary-values button+button span{color:#f5d69c}.summary-values svg{width:12px;height:12px}.summary-values strong{display:block;font-size:18px;line-height:1.5;letter-spacing:-.35px}.summary-progress{height:4px;border-radius:5px;background:#b2945f;margin:7px 0 0;overflow:hidden}.summary-progress i{display:block;height:100%;background:#81c9a5}.summary-people{display:flex;gap:9px;align-items:center;justify-content:space-between;width:100%;min-height:38px;padding:6px 0;text-align:left}.summary-people>span{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:10px;min-width:0}.summary-people b{font-size:11px;font-weight:600;white-space:nowrap}.summary-people .persondot{background:#81c9a5}.summary-people .persondot.dani{background:#d5b5e4}.summary-people>svg{width:12px;height:12px;color:#bdd4c9}.summary-unassigned{display:block;border-top:1px solid #ffffff20;font-size:10px;color:#d1ddd5;padding:5px 0 7px}.home-wrap .calendar{border-radius:18px;padding:0 10px 0;box-shadow:none}.home-wrap .monthbar{margin:0 -10px 4px;padding:0 6px;background:white;color:var(--ink);border-bottom:1px solid #e7eee8}.home-wrap .monthbar .muted{color:#6a7d77}.home-wrap .monthbar .todaybtn{background:#e4f0ea;color:#145f52;border:0;min-height:36px;font-size:11px;padding:6px 11px}.home-wrap .monthbar .iconbtn{width:36px;height:44px}.home-wrap .monthbar .iconbtn:hover{background:#e4f0ea}.home-wrap .monthtitle{font-size:15px;min-width:124px}.home-wrap .weekdays{font-size:10px;margin-bottom:3px;line-height:15px}.home-wrap .days{gap:3px}.home-wrap .day{height:44px;border-radius:9px;padding:2px 0;gap:0;justify-content:center}.home-wrap .day-number{font-size:14px;line-height:19px}.home-wrap .day-counts{min-height:15px}.home-wrap .day-count{font-size:9px;line-height:14px;min-width:17px;padding:0 1px}.home-wrap .day-count svg{width:10px;height:10px}.home-wrap .calendar-key{padding:7px 0 5px;margin-top:3px;gap:15px;font-size:9px;border:0}.home-wrap .calendar-key svg{width:11px;height:11px}.home-wrap .calendar-foot{padding:0;border-top:1px solid #e5ede6;min-height:34px;font-size:10px}.home-wrap .calendar-foot button{display:flex;align-items:center;gap:2px;font-size:10px;color:var(--blue);font-weight:600;min-height:34px;padding:0 0 0 8px}.payment-peek{display:flex;align-items:center;gap:9px;width:100%;min-height:62px;text-align:left;padding:9px 11px;margin-top:9px;border:1px solid #e2ded0;border-radius:14px;background:#fff9ef}.peek-symbol{width:29px;height:33px;border-radius:10px;display:grid;place-items:center;background:#f5e9d0;color:#805012;flex-shrink:0}.peek-symbol svg{width:17px;height:17px}.peek-text{flex:1;min-width:0}.peek-text small{font-size:9px;display:block;margin-bottom:2px;color:#805012}.peek-text b{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.peek-amount{text-align:right;flex-shrink:0}.peek-amount strong{font-size:12px;display:block}.peek-amount small{display:block;font-size:9px;margin-top:2px}.payment-peek>svg{width:12px;height:12px;color:var(--muted)}.payment-peek.is-late{background:#fcf0f1;border-color:#ead9dc}.is-late .peek-symbol{background:#f5dce0;color:#a52f45}.is-late .peek-text small{color:#a52f45}.payment-peek.clear{background:#edf5ef;border-color:#dce8df}.clear .peek-symbol{background:#d6e8dc;color:#226242}.clear .peek-text small{color:#52705e}.home-wrap .sync{font-size:9px;min-height:21px;margin-top:2px}.home-wrap .notice{margin:0 0 10px}.home-wrap .summary-total:focus-visible,.home-wrap .summary-values button:focus-visible,.home-wrap .summary-people:focus-visible{outline-color:#b6e7ce;outline-offset:1px}
@media(min-width:650px){.home-wrap{padding-top:8px}.home-wrap .top{height:64px}.home-wrap .day{height:47px}.summary-total strong{font-size:29px}.summary-values strong{font-size:21px}.summary-people b{font-size:12px}.summary-people>span{font-size:11px}.home-wrap .calendar-key{font-size:10px}.home-wrap .calendar-foot{font-size:11px}.peek-text b,.peek-amount strong{font-size:14px}}
@media(max-width:370px){.home-wrap{padding-left:12px;padding-right:12px}.summary-total strong{font-size:25px}.summary-total-side{font-size:9px}.summary-values strong{font-size:17px}.summary-people{gap:5px}.summary-people>span{gap:3px;font-size:9px}.summary-people b{font-size:10px}.payment-peek{gap:7px;padding-left:9px;padding-right:9px}.peek-text b,.peek-amount strong{font-size:11px}}


.brand-copy h1{font:inherit;letter-spacing:inherit;line-height:inherit}
/* Six broad categories; no nested options. */
.category-field{padding:0;border:0;min-width:0;margin:0 0 19px}.category-field legend{font-size:12px;color:var(--muted);padding:0;margin-bottom:8px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sage{--category-ink:#306c50;--category-wash:#e4f0e8}.sand{--category-ink:#886227;--category-wash:#f7ecd4}.wood{--category-ink:#966644;--category-wash:#f3e8de}.lilac{--category-ink:#795b8f;--category-wash:#eee6f5}.sky{--category-ink:#436c88;--category-wash:#e4eef5}.stone{--category-ink:#67746c;--category-wash:#edf0ec}.category-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:74px;border:1px solid #dfe7e0;border-radius:13px;padding:9px 3px;font-size:11px;background:#fafcf9;font-weight:500}.category-symbol{display:grid;place-items:center;width:32px;height:32px;background:var(--category-wash);color:var(--category-ink);border-radius:10px;flex-shrink:0}.category-symbol svg{width:21px;height:21px}.category-option[aria-pressed="true"]{border:2px solid var(--blue);padding:8px 2px;background:#eaf4ed;color:var(--blue);font-weight:700}.category-check{position:absolute;right:5px;top:5px;width:14px;height:14px;background:var(--blue);color:white;border-radius:50%;display:none;place-items:center}.category-check svg{width:11px;height:11px;stroke-width:2.5}.category-option[aria-pressed="true"] .category-check{display:grid}.category-tag{display:inline-flex;align-items:center;gap:5px;color:var(--category-ink);font-size:12px}.category-tag svg{width:17px;height:17px}.category-shortcut{display:flex;align-items:center;gap:9px;width:100%;padding:12px 14px;border:1px solid #d5e3d9;border-radius:13px;background:#e7f1eb;color:var(--blue);margin-bottom:13px;min-height:46px;font-size:13px;font-weight:600}.category-shortcut>svg{width:20px;height:20px}.category-shortcut>svg:last-child{margin-left:auto;width:15px;height:15px}.category-overview{margin:0 0 18px}.category-overview>span{font-size:12px;color:var(--muted)}.category-overview>strong{display:block;font-size:28px;letter-spacing:-.7px;margin-top:3px}.category-total{display:flex;align-items:center;gap:11px;width:100%;padding:14px 0;border-bottom:1px solid var(--line);text-align:left}.category-total:last-child{border-bottom:0}.category-total .category-symbol{width:40px;height:40px;border-radius:13px}.category-total-body{flex:1;min-width:0}.category-total-line{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px}.category-total-line b{font-weight:600}.category-total-line strong{white-space:nowrap;font-size:13px}.category-total-body>small{display:flex;justify-content:space-between;font-size:10px}.category-meter{display:block;height:5px;border-radius:6px;background:var(--category-wash);margin:7px 0 5px;overflow:hidden}.category-meter i{height:100%;display:block;background:var(--category-ink);border-radius:6px}.category-total>svg{width:13px;height:13px;color:var(--muted)}.category-back{display:flex;align-items:center;gap:4px;margin:-12px 0 12px}.category-back svg{width:15px;height:15px}
@media(max-width:370px){.category-grid{gap:6px}.category-option{font-size:10px}.category-total{gap:8px}.category-total-line,.category-total-line strong{font-size:12px}}


/* The home list puts due dates and payment actions within reach. */
.home-new{margin:11px 0 17px;min-height:46px}.payment-list-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.payment-list-heading h2{font-size:19px;letter-spacing:-.4px}.payment-list-heading .textbtn{display:flex;align-items:center;gap:2px;font-size:11px;min-height:36px}.payment-list-heading .textbtn svg{width:14px;height:14px}.home-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;background:#131d2c;border:1px solid #394a62;padding:4px;border-radius:14px;margin-bottom:16px}.home-filters button{min-height:40px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:9px;font-size:12px;color:#b9c9de;padding:4px}.home-filters button>span{font-size:10px;border-radius:6px;background:#2d3c50;padding:1px 5px;min-width:20px}.home-filters button[aria-pressed="true"]{background:#255448;color:#b4ffe8;font-weight:700}.home-filters button[aria-pressed="true"]>span{background:#387460;color:white}.home-filters .planned[aria-pressed="true"]{background:#594421;color:#ffe0a0}.home-filters .planned[aria-pressed="true"]>span{background:#795f32}.payment-group{margin-bottom:23px}.payment-group-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 2px 9px}.payment-group-head h3{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:650}.payment-group-head h3>svg{width:16px;height:16px}.payment-group-head h3>span{font-size:10px;color:#afbed1;background:#27364b;padding:1px 5px;border-radius:5px}.payment-group-head>strong{font-size:12px;color:#bacade}.overdue .payment-group-head h3{color:#ffa6ba}.today .payment-group-head h3,.upcoming .payment-group-head h3{color:#ffdb87}.paid .payment-group-head h3{color:#8af0b7}.undated .payment-group-head h3{color:#c8b6ee}.payment-sort-label{font-size:10px;color:#acbfd5;margin:-3px 2px 9px}.payment-item{background:#1b2637;border:1px solid #3c506a;border-radius:15px;margin-bottom:8px;overflow:hidden}.payment-item.is-overdue{border-left:3px solid #f0809d}.payment-item.is-upcoming{border-left:3px solid #e4b854}.payment-item.is-paid{border-left:3px solid #58bd91}.payment-open{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:12px 11px 8px}.payment-open:hover{background:#25344a}.payment-date{width:37px;min-width:37px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#2a3b53;border-radius:9px;padding:6px 2px;color:#dce9fb}.payment-date b{font-size:19px;line-height:1.15;font-variant-numeric:tabular-nums}.payment-date small{font-size:9px;line-height:1.35;color:#b7cce5}.payment-date svg{width:17px;height:17px;margin:3px 0}.payment-date:has(svg) small{font-size:8px}.payment-info{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.payment-info>strong{font-size:13px;line-height:1.35;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.payment-info .category-tag{font-size:10px;line-height:1.3;gap:4px}.payment-info .category-tag svg{width:13px;height:13px}.payment-stage{font-size:10px;line-height:1.3;color:#aebfd6}.payment-value{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex-shrink:0}.payment-value>strong{font-size:13px;letter-spacing:-.2px;white-space:nowrap}.payment-value .status{font-size:9px}.payment-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid #35465d;margin:0 11px;padding:2px 0;min-height:36px}.payment-person{font-size:10px;color:#bbcbe0;display:flex;align-items:center;gap:5px;line-height:1.35}.payment-person .persondot{flex-shrink:0}.quick-pay{display:flex;align-items:center;gap:4px;justify-content:center;min-height:42px;min-width:132px;font-size:11px;font-weight:650;color:#9bf6d1;padding:5px 6px}.quick-pay svg{width:15px;height:15px}.quick-pay:hover{background:#244a3c;border-radius:8px}.payment-done{font-size:10px;color:#8aeab6;display:flex;align-items:center;gap:3px}.payment-done svg{width:13px;height:13px}.payment-waiting{font-size:9px;color:#ffce77;text-align:right}.paid-up-note{display:flex;align-items:center;gap:7px;color:#9bedc2;font-size:12px;padding:2px 0 16px}.paid-up-note svg{width:16px;height:16px}.payments-empty{background:#1b2637;border:1px solid #3c506a;border-radius:16px;text-align:center;padding:26px 20px;color:#bbcbe0}.payments-empty>svg{width:28px;height:28px;color:#77e9cf;margin-bottom:9px}.payments-empty h3{font-size:15px;color:#eef6ff}.payments-empty p{font-size:12px;margin-top:8px}.pay-confirm-summary{padding:15px;background:#193b32;border:1px solid #41785e;border-radius:15px;margin-bottom:23px}.pay-confirm-summary>span{display:block;font-size:14px;color:#c0e9d4;overflow-wrap:anywhere}.pay-confirm-summary>strong{display:block;font-size:28px;color:#a1f7c6;margin-top:5px}.pay-people button.dani.on{background:#47335e;color:#e0c4ff}
@media(max-width:370px){.payment-open{gap:8px;padding-left:9px;padding-right:9px}.payment-value>strong{font-size:12px}.payment-info>strong{font-size:12px}.payment-date{width:32px;min-width:32px}.payment-list-heading h2{font-size:18px}.payment-person{font-size:9px}.quick-pay{min-width:122px;font-size:10px}}

.quick-pay{min-height:44px}.home-filters button{min-height:44px}.payment-item.is-paid .payment-bottom{min-height:30px}

/* Light surfaces with the same visual language for status and category. */
:root{color-scheme:light;--paper:#f1f6f5;--ink:#163b38;--muted:#566c66;--blue:#087965;--bluewash:#e0f2eb;--dani:#7b46a7;--green:#146e42;--amber:#85520a;--line:#ceddd7;--red:#b63150;background:var(--paper);color:var(--ink)}body{background:var(--paper);color:var(--ink)}::selection{background:#b9e8d8;color:#163b38}input,select,textarea{color:var(--ink);background:#f8fbfa;border-color:#93aca2}input::placeholder,textarea::placeholder{color:#61776e;opacity:1}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline-color:#087965}.amount-field:focus-within{border-color:#087965}.brand-mark{background:#087965;color:white}.btn.primary,.nav .add{background:#087965;color:white}.btn.primary:hover,.nav .add:hover{background:#086653}.btn.danger{background:#fff0f3;color:#a82b48;border:1px solid #edbdc9}.btn{background:#e0f2eb;color:#106b54}.profile,.avatar{background:#dcf1e9;color:#106b54}.profile.dani,.avatar.dani{background:#eee2fa;color:#743b9c}.nav{background:#ffffffef;border-color:#bed4ca;box-shadow:0 -3px 16px #163b3809}.nav button{color:#526c61}.nav button.active{background:#def3e8;color:#08614a}.notice{background:#fff2d5;color:#754904;border-color:#e7c882}.errorbox{background:#fff0f3;color:#a82b48}.sync{color:#176e47}.sync.waiting{color:#85520a}.sync.error{color:#b63150}.login-person.active{background:#e2f4eb;border-color:#087965}.login-person[data-login="dani"].active{background:#f1e7fb;border-color:#8f5abd}.login-person[data-login="dani"].active .avatar{background:#e4d0f7;color:#6e3295}
.home-summary{background:white;color:var(--ink);border:1px solid #c5dad0;box-shadow:0 4px 16px #163b3807}.summary-label,.summary-total-side{color:#536d61}.summary-total strong{color:#163b38}.summary-values{gap:8px;margin-top:8px}.summary-values button{padding:4px 10px;background:#e4f6eb;border:1px solid #acd8bd;border-radius:10px}.summary-values button+button{padding:4px 10px;background:#fff2d5;border:1px solid #e7c882}.summary-values span,.summary-values strong{color:#17623a}.summary-values button+button span,.summary-values button+button strong{color:#80500b}.summary-progress{background:#e6b348;margin-top:9px}.summary-progress i{background:#36a46d}.summary-people>span{color:#226a57}.summary-people>span+span{color:#7a449e}.summary-people b{color:#163b38}.summary-people .persondot{background:#078672}.summary-people .persondot.dani{background:#9a60c2}.summary-people>svg{color:#648075}.summary-unassigned{color:#6d537e;border-color:#e2d5ed}.home-wrap .summary-total:focus-visible,.home-wrap .summary-values button:focus-visible,.home-wrap .summary-people:focus-visible{outline-color:#087965}.home-wrap .summary-people>span,.home-wrap .sync{font-size:10px}
.home-filters{background:#e6eeea;border-color:#c4d5cd}.home-filters button{color:#4c665b}.home-filters button>span{background:#d4e2da;color:#354f43}.home-filters button[aria-pressed="true"]{background:#087965;color:white}.home-filters button[aria-pressed="true"]>span{background:#e0f4e9;color:#17603e}.home-filters .planned[aria-pressed="true"]{background:#f5da98;color:#623b06}.home-filters .planned[aria-pressed="true"]>span{background:#fff5d9;color:#68430c}.home-filters .paid[aria-pressed="true"]{background:#197446;color:white}.payment-group-head h3>span{background:#e0eae4;color:#466252}.payment-group-head>strong{color:#526b5e}.overdue .payment-group-head h3{color:#b02d50}.today .payment-group-head h3,.upcoming .payment-group-head h3{color:#85520a}.paid .payment-group-head h3{color:#166d40}.undated .payment-group-head h3{color:#754195}.payment-sort-label{color:#5b7166}.payment-item{background:white;border-color:#cadbd2;box-shadow:0 2px 5px #153d2703}.payment-item.is-overdue{border-left-color:#d4476a}.payment-item.is-upcoming{border-left-color:#d79b27}.payment-item.is-paid{border-left-color:#2eaa6a}.payment-open:hover{background:#f0f7f3}.payment-date{background:#e8f1ec;color:#214c38}.payment-date small{color:#526b5d}.is-overdue .payment-date{background:#fce8ee;color:#a12b4a}.is-overdue .payment-date small{color:#92435a}.is-upcoming .payment-date{background:#fff1d6;color:#82530e}.is-upcoming .payment-date small{color:#805e23}.payment-stage{color:#5c7465}.payment-value>strong{color:#163b38}.payment-bottom{border-color:#dbe7e0}.payment-person{color:#506d5f}.quick-pay{color:#116c42}.quick-pay:hover{background:#e1f4e7}.payment-done,.paid-up-note{color:#176e42}.payment-waiting{color:#85520a}.payments-empty{background:white;border-color:#cadbd2;color:#526b5e}.payments-empty>svg{color:#138465}.payments-empty h3{color:#163b38}.pay-confirm-summary{background:#e3f5e9;border-color:#a5d2b6}.pay-confirm-summary>span{color:#355f43}.pay-confirm-summary>strong{color:#146b3b}.pay-people button.dani.on{background:#eee0fa;color:#743d99}.status{color:#176e42}.status.planned,.status.pending{color:#85520a}.status.late{color:#b02d50}
.person-card:first-child{border-top:3px solid #14856e}.person-card:last-child{border-top:3px solid #9a60c2}.person-card:first-child>strong:not(.secondary){color:#126d50}.person-card:last-child>strong:not(.secondary){color:#7b46a7}.balance{background:#e1f1ea;border-color:#b5d3c3}.balance p{color:#4c685a}.sage{--category-ink:#266d46;--category-wash:#dff3e6}.sand{--category-ink:#86580c;--category-wash:#fff0cf}.wood{--category-ink:#955331;--category-wash:#fdeadd}.lilac{--category-ink:#7d489f;--category-wash:#f0e3fb}.sky{--category-ink:#2d698f;--category-wash:#e0effa}.stone{--category-ink:#52655c;--category-wash:#e9eeeb}.category-option{background:#fafcfb;border-color:#bccfc4}.category-option[aria-pressed="true"]{background:var(--category-wash);border-color:var(--category-ink);color:var(--category-ink)}.category-check{background:var(--category-ink);color:white}.category-total-line strong{color:var(--category-ink)}.category-total-body>small,.category-overview>span{color:#566c66}.category-total:hover{background:#f3f8f5}.category-shortcut{background:#e0f2eb;color:#146e53;border-color:#b6d8c7}.detail-rows .category-tag{color:var(--category-ink)}.category-tag{color:var(--category-ink)}
dialog{background:white;color:#163b38;box-shadow:0 -10px 50px #153d2730}dialog::backdrop{background:#163b3880}.sheet-head,.sheet-body,.form-actions{background:white}.sheet-head{border-color:#ccded4}.form-actions{border-top-color:#ccded4;box-shadow:0 -6px 10px white}.segments{background:#eaf1ed;border-color:#b8cdc1}.segments button{color:#516b5d}.segments button.on{background:#cdeedc;color:#1a6039;box-shadow:none}.segments button[data-status="planned"].on{background:#fbe4af;color:#754809}.segments button[data-payer="dani"].on,.segments button.on.dani{background:#eee0fa;color:#743d99}.split-options button{border-color:#b5cbbf;background:#fafcfb;color:#4b6557}.split-options button.on{background:#d9f0e3;color:#17613b;border-color:#67b88b}.split-options button[data-split="dani"].on{background:#eee0fa;border-color:#b087ce;color:#743d99}.agreement-options button{background:#f8fbf9;border-color:#b5cbbf;color:#4b6557}.agreement-options button.on{background:#dff3e7;border-color:#087965;color:#146544}.agreement-options button.on svg{color:#146544}.plan-controls,.payment-edit{background:#edf5f0;border-color:#bfd5c7}.payment-step{border-color:#b7cfc0;background:white}.payment-step[open]>summary{background:#e0efe6}.payment-edit input,.payment-edit select{background:white;border-color:#93aca2}.plan-total{background:#fff2d5;border-color:#e2c17d;color:#744704}.plan-total.complete{background:#e1f4e7;border-color:#99cbaa;color:#185f34}.plan-total small{color:#735324}.plan-total.complete small{color:#386249}.step-number{background:#cee6d7;color:#23603a}.step-info small{color:#526e5e}.day-paid{background:#e4f6eb;color:#17623a}.day-planned{background:#fff2d5;color:#80500b}.day-planned.is-late{background:#fce8ee;color:#a12b4a}.saved-note,.notes,.explanation{color:#566c66}