:root{color-scheme:light;--ink:#172e2a;--green:#125b4d;--deep:#123a35;--line:#d8e3da;--paper:#f4f6f0;--muted:#526660;--white:#fff; font:16px "Inter",system-ui,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;padding-bottom:env(safe-area-inset-bottom)}header{background:var(--deep);color:white;padding:1.25rem 0}.wrap{width:min(100% - 2rem, 960px);margin-inline:auto}.brand{display:flex;align-items:center;gap:.85rem}.brand img{border-radius:12px}h1,h2,h3,p{margin:0}h1{font-size:1.55rem}h2{font-size:1.4rem}h3{font-size:1.05rem}.brand p{color:#c0d9ce;font-size:.875rem;margin-top:.15rem}nav{display:flex;gap:.4rem;padding:1rem 0}button,input,select{font:inherit;min-height:44px;border-radius:9px}button{border:1px solid var(--line);padding:.5rem .8rem;background:white;color:var(--ink);font-weight:650;cursor:pointer}button:hover{border-color:var(--green)}button[aria-current],.primary{background:var(--green);border-color:var(--green);color:white}button:disabled{opacity:.52;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b58232;outline-offset:2px}input,select{border:1px solid #9cafa4;background:#fff;color:var(--ink);padding:.55rem .65rem;width:100%;min-width:0}label{display:grid;gap:.3rem;font-size:.9rem;font-weight:600}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:1rem;display:grid;gap:.85rem;min-width:0}.grid{display:grid;gap:1rem;align-items:start;grid-template-columns:minmax(250px,.8fr) minmax(0,1.35fr)}.stack{display:grid;gap:.8rem}.row{display:flex;gap:.55rem;align-items:center;justify-content:space-between}.row>div{min-width:0;overflow-wrap:anywhere}.form{display:grid;gap:.65rem}.formline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:end}.muted,small{color:var(--muted)}small{display:block;margin-top:.2rem}.item{border-top:1px solid var(--line);padding:.6rem 0}.amount{white-space:nowrap;font-variant-numeric:tabular-nums}.total{font-size:1.3rem;border-top:1px solid var(--line);padding-top:.65rem}.account{text-align:left;width:100%;overflow-wrap:anywhere}.status{margin-block:.9rem;color:var(--deep)}.status.error{color:#9b2929}.sale summary{cursor:pointer;padding:.35rem 0;font-weight:650;overflow-wrap:anywhere}.qty{display:flex;align-items:center;gap:.35rem}.qty button{min-width:44px;padding:0}.detail{margin-top:.5rem}.discount{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem}.end{justify-self:end}strong{overflow-wrap:anywhere}@media(max-width:640px){.grid{grid-template-columns:1fr}.wrap{width:calc(100% - 1.5rem)}.card{padding:.85rem}}
.accounts-board{display:grid;gap:1.25rem}
.board-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:1.2rem}
.board-header p{margin-top:.35rem}
.new-account{width:min(100%,24rem)}
.account-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,235px),1fr));gap:.85rem}
.account-tile{display:grid;gap:.45rem;text-align:left;min-width:0;padding:1rem;border-radius:16px;box-shadow:0 3px 10px #123a350a}
.account-name{font-size:1.12rem;overflow-wrap:anywhere}
.account-tile .muted{font-size:.85rem;font-weight:500}
.account-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-top:1px solid var(--line);padding-top:.7rem;margin-top:.25rem;color:var(--green);font-size:1.12rem}
.empty-accounts{padding:1.4rem;text-align:center}
.account-page{display:grid;gap:.85rem;max-width:650px;margin-inline:auto}
.account-page h2{overflow-wrap:anywhere}
.back{justify-self:start}
@media(max-width:640px){.board-header{align-items:stretch;flex-direction:column}.new-account{width:100%}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.account-tile{padding:.8rem}.account-footer .amount{white-space:normal}}