:root{color:#14352e;background:#f4f6f0;font:16px/1.45 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}header{color:#fff;background:#143d35;padding:2rem max(1rem,50% - 480px)}h1{margin:.3rem 0;font-size:clamp(1.8rem,5vw,2.8rem)}h2{margin-top:0}header p{color:#d4e9df;margin:0}main,.status{max-width:992px;margin:auto;padding:1rem}.status{min-height:2.6rem;padding-bottom:0}nav,.actions{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}button,.file{color:#14352e;font:inherit;cursor:pointer;background:#fff;border:1px solid #afc5ba;border-radius:.6rem;padding:.6rem .85rem}button[aria-pressed=true],form button{color:#fff;background:#216454;border-color:#216454}section,.card{background:#fff;border:1px solid #dce7dd;border-radius:1rem;margin-bottom:1rem;padding:clamp(.9rem,3vw,1.5rem)}.cards,.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr));gap:.8rem;display:grid}.card strong{font-size:1.35rem;display:block}.grid{margin-bottom:.8rem}label{font-weight:600;display:block}input:not([type=checkbox]),select{width:100%;font:inherit;color:inherit;background:#fff;border:1px solid #adc5b8;border-radius:.45rem;margin-top:.25rem;padding:.55rem;display:block}input[type=file]{max-width:100%}form{margin-bottom:1rem}fieldset{border:1px solid #dce7dd;border-radius:.6rem;margin:0 0 .8rem;padding:.8rem}legend{font-weight:700}.scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}td,th{white-space:nowrap;border-bottom:1px solid #e1ebe3;padding:.55rem}.muted{color:#476359}summary{cursor:pointer;font-weight:650}details label{margin-top:.6rem}button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #4c977d}.login{max-width:460px;margin:2rem auto}.login label{margin-bottom:.8rem}.account{text-align:right;max-width:992px;margin:auto;padding:0 1rem}.account button{margin-top:1rem}.expense-workspace{gap:.85rem;display:grid}.expense-composer{background:#f6faf7;border:1px solid #d9e8de;border-radius:.75rem;padding:.8rem 1rem}.expense-composer summary{color:#184f41}.expense-composer form{margin:1rem 0 0}.expense-entry .expense-note{grid-column:1/-1}.expense-note .muted{font-weight:400}.expense-list-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;margin-top:.3rem;display:flex}.expense-list-heading h3,.expense-list-heading p{margin:0}.expense-toolbar{grid-template-columns:minmax(0,13rem) minmax(0,1fr);gap:.75rem;display:grid}.expense-toolbar input{min-width:0}.expense-filters{border-bottom:1px solid #e1ebe3;padding:.15rem 0 .8rem}.expense-filters summary{color:#216454;width:fit-content}.expense-filters .grid{margin-top:.5rem}.expense-filters button{padding:.35rem .65rem}.expense-workspace .filter-badge{color:#184f41;background:#dceee4;border-radius:1rem;margin-left:.25rem;padding:.12rem .42rem;font-size:.8rem}.expense-workspace td:last-child button{padding:.35rem .55rem}@media (width<=480px){.expense-toolbar{grid-template-columns:1fr}.expense-composer{padding:.75rem}}.plan-list{gap:.6rem;padding:0;list-style:none;display:grid}.plan-list li{overflow-wrap:anywhere;border:1px solid #dce7dd;border-radius:.7rem;padding:.75rem}.plan-list p{color:#476359;margin:.25rem 0 .55rem}.plan-actions{flex-wrap:wrap;gap:.4rem;display:flex}.plan-actions button{padding:.35rem .55rem}.plan-overview{background:#f4f9f5;border:1px solid #d9e8de;border-radius:.8rem;margin-bottom:1rem;padding:.9rem 1rem}.plan-overview-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;display:flex}.plan-overview-head h3,.plan-overview-head p{margin:0}.plan-overview-head p,.plan-metrics dt,.plan-explanation{color:#476359;font-size:.88rem}.plan-metrics{grid-template-columns:1.25fr 1fr 1fr;gap:.5rem;margin:.7rem 0;display:grid}.plan-metrics>div{border-inline-start:1px solid #d9e8de;min-width:0;padding:.4rem .75rem}.plan-metrics>div:first-child{border:0;padding-inline-start:0}.plan-metrics dd{overflow-wrap:anywhere;margin:0;font-size:clamp(1rem,3vw,1.25rem);font-weight:700}.plan-metrics .plan-main dd{color:#184f41;font-size:clamp(1.35rem,4vw,1.8rem)}.plan-warnings{color:#794919;border-top:1px solid #d9e8de;margin-bottom:.5rem;padding-top:.45rem;font-size:.88rem}.plan-warnings span:not([hidden]){margin-right:1rem;display:inline-block}.plan-explanation p{margin:.35rem 0 0}@media (width<=480px){.plan-metrics{grid-template-columns:1fr 1fr}.plan-metrics .plan-main{grid-column:1/-1}.plan-metrics>div:nth-child(2){border:0;padding-inline-start:0}}
