:root{--ink:#153f37;--paper:#f7f7f2;--line:#d9ded8;--red:#b3261e;--green:#137a54}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:#152521;font-family:Arial,sans-serif}header,main{max-width:1160px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center}h1,h2{font-family:Georgia,serif;color:#12372f}h1{font-size:38px;margin:3px 0}h2{font-size:21px;margin-top:0}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:1.3px;color:#62746d}.auth{display:grid;place-items:center;min-height:100vh}.card{width:min(440px,92vw);background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 12px 35px #18382b10}label{display:block;font-size:13px;font-weight:bold;margin:14px 0 5px}input,select{display:block;width:100%;padding:11px;border:1px solid #cbd4cf;border-radius:8px;background:#fff;font-size:15px}button{margin-top:16px;width:100%;border:0;background:var(--ink);color:#fff;border-radius:8px;padding:12px;font-weight:bold;cursor:pointer}a{color:var(--ink)}.small,small{font-size:12px;color:#607069}.error,.bad{color:var(--red)}.ok,.good{color:var(--green)}.flash{padding:11px 14px;background:#fff;border-radius:8px}.hero,.grid{display:grid;gap:18px;margin:18px 0;grid-template-columns:repeat(2,1fr)}article,.hero>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.hero strong{display:block;font-size:27px;margin:9px 0}.row{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:11px 0;border-top:1px solid #edf0ed}.row small{display:block;margin-top:3px}.inline{display:flex;gap:6px}.inline input{width:95px;padding:7px}.inline button,.quiet{width:auto;margin:0;padding:7px 9px;font-size:12px}.quiet{background:#607069}.totals{display:flex;justify-content:space-between;padding:0 0 10px}.form button{margin-top:20px}.item-action{display:flex;gap:10px;align-items:center}.item-action form{margin:0}@media(max-width:700px){header{padding:18px;align-items:start}.hero,.grid{grid-template-columns:1fr}main{padding:14px}header div:last-child{font-size:12px;text-align:right}h1{font-size:31px}.row{align-items:start}.inline{flex-wrap:wrap;justify-content:end}.item-action{align-items:end;flex-direction:column}}