:root{--ink:#0f1c1a;--ink-soft:#243532;--paper:#f3f0e8;--line:#cfc7b8;--line-soft:#cfc7b88c;--accent:#1f6f5b;--accent-2:#9fd8c0;--danger:#9b2c2c;--surface:#ffffffc7;--surface-2:#fffdf8;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:DM Sans,system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(1200px 500px at 10% -10%,#9fd8c047,#0000 60%),radial-gradient(900px 420px at 100% 0,#1f6f5b1f,#0000 55%),linear-gradient(#f7f4ed 0%,#ebe5d8 100%);margin:0}h1,h2,.brand{letter-spacing:-.02em;font-family:Syne,DM Sans,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{width:min(720px,100%);margin:0 auto;padding:1.1rem 1rem 3.5rem}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.topbar .brand{margin:0;font-size:1.75rem}.panel{background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;margin-bottom:.9rem;padding:1rem 1rem 1.1rem;box-shadow:0 10px 30px #0f1c1a0f}.panel-title{margin:0;font-size:1rem}.add-form{gap:.7rem;margin-top:.75rem;display:grid}.add-row{grid-template-columns:7.5rem 1fr;gap:.7rem;display:grid}@media (width<=520px){.add-row{grid-template-columns:1fr}}.field{gap:.35rem;display:grid}.field.grow{min-width:0}.field span:not(.sr-only){color:var(--ink-soft);font-size:.85rem;font-weight:600}.field input,.field textarea{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--ink);border-radius:12px;outline:none;padding:.75rem .85rem}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1f6f5b26}.btn{border:0;border-radius:12px;padding:.8rem 1rem;font-weight:700;transition:transform .15s,background .15s,opacity .15s}.btn:active{transform:translateY(1px)}.btn-sm{border-radius:10px;padding:.45rem .7rem;font-size:.85rem}.btn-primary{background:var(--ink);color:#f4fff9}.btn-primary:hover{background:#17302c}.btn-primary:disabled,.btn-ghost:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{color:var(--ink-soft);border:1px solid var(--line);background:0 0}.btn-ghost:hover{background:#ffffffb3}.err{color:var(--danger);margin:0;font-size:.9rem}.ok{color:var(--accent);margin:0;font-size:.9rem;font-weight:600}.muted{color:#667773;font-size:.9rem}.meta-line{margin:.15rem 0 0}.history-head{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.85rem;display:flex}.search-field{margin-bottom:.75rem;position:relative}.search-field input{padding-right:4.2rem}.clear-search{color:#667773;background:0 0;border:0;padding:.35rem .45rem;font-size:.8rem;font-weight:600;position:absolute;bottom:.45rem;right:.45rem}.client-list{gap:.45rem;display:grid}.client-block{border:1px solid var(--line-soft);background:#fffdf88c;border-radius:14px;transition:border-color .18s,background .18s;overflow:hidden}.client-block.open{background:#fffdf8eb;border-color:#1f6f5b59}.client-summary-row{display:grid}.client-summary{text-align:left;width:100%;color:inherit;background:0 0;border:0;grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding:.85rem .9rem;display:grid}.client-summary:hover{background:#1f6f5b0a}.client-actions,.rename-actions{flex-wrap:wrap;gap:.45rem;padding:.55rem .35rem .35rem;display:flex}.rename-form{gap:.55rem;padding:.55rem .35rem .25rem;display:grid}.client-summary-main{gap:.15rem;min-width:0;display:grid}.client-name{font-size:1rem;font-weight:700}.client-sub{color:#6a7975;font-size:.82rem}.client-summary-side{justify-items:end;gap:.2rem;display:grid}.chev{color:#8a9692;font-size:.85rem;line-height:1;transition:transform .18s}.chev.up{transform:rotate(180deg)}.client-orders{border-top:1px solid var(--line-soft);padding:.15rem .55rem .45rem;animation:.2s both openIn}.order-row,.history-row{border-bottom:1px solid var(--line-soft);grid-template-columns:1fr auto;gap:.35rem 1rem;padding:.7rem .35rem;display:grid}.order-row:last-child,.history-row:last-child{border-bottom:0}.history-row .client{font-weight:700}.ordered{color:#445854;font-size:.92rem}.meta{color:#7a8783;margin-top:.1rem;font-size:.8rem}.price{font-variant-numeric:tabular-nums;text-align:right;font-weight:700}.order-side{align-content:start;justify-items:end;gap:.25rem;display:grid}.linkish{color:#8a5a5a;background:0 0;border:0;padding:0;font-size:.75rem;font-weight:600}.linkish:hover:not(:disabled){color:var(--danger)}.empty{margin:.5rem 0 .25rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes openIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.rise{animation:.35s both rise}.rise-delay{animation:.45s 80ms both rise}