:root{--brown:#5a351d;--cream:#fff7eb;--gold:#d49b42;--green:#179b55;--red:#c0392b;--ink:#211a16;--muted:#776b63;--line:#ead9c2}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:var(--cream);color:var(--ink)}.topbar{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line);padding:14px 20px;display:flex;gap:16px;justify-content:space-between;align-items:center;box-shadow:0 2px 14px #0000000d}.brand{display:flex;gap:12px;align-items:center}.logo{width:48px;height:48px;border-radius:16px;background:var(--brown);color:white;display:grid;place-items:center;font-weight:800}.brand h1{margin:0;font-size:22px}.brand p{margin:2px 0;color:var(--muted);font-size:13px}nav{display:flex;gap:8px;flex-wrap:wrap}button{border:0;border-radius:12px;padding:10px 13px;background:#f0e1ce;color:var(--brown);font-weight:700;cursor:pointer}button.active,.primary{background:var(--brown);color:white}.secondary{background:#e8f3ff;color:#1e5d92}.danger{background:#ffe1dc;color:var(--red)}main{padding:20px;max-width:1280px;margin:auto}.view{display:none}.view.active{display:block}.hero,.section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;margin-bottom:16px}.hero h2,.section-title h2{margin:0 0 6px}.hero p{margin:0;color:var(--muted)}.table-picker{display:grid;gap:6px;min-width:180px}select,input,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;background:white;font:inherit}textarea{min-height:72px}.filters{display:flex;gap:10px;margin:14px 0;flex-wrap:wrap}.filters input{max-width:320px}.chip.active{background:var(--gold);color:#fff}.layout{display:grid;grid-template-columns:1fr 360px;gap:18px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.item,.cart,.order,.metric,.form,.table,.qr-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px}.item .pic{font-size:42px;background:#fff2dc;border-radius:16px;height:92px;display:grid;place-items:center;margin-bottom:10px}.item h3{margin:0;font-size:16px}.item p{margin:6px 0 12px;color:var(--muted)}.item-footer{display:flex;justify-content:space-between;align-items:center}.price{font-weight:800;color:var(--brown)}.cart{position:sticky;top:100px;height:max-content}.cart h3{margin-top:0}.cart-row{display:grid;grid-template-columns:1fr auto;gap:8px;border-bottom:1px dashed var(--line);padding:8px 0}.qty{display:flex;gap:5px;align-items:center}.qty button{padding:5px 8px}.total{display:flex;justify-content:space-between;border-top:2px solid var(--line);padding:14px 0;margin-top:8px;font-size:18px}.orders{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}.order h3{margin:0}.badge{display:inline-block;border-radius:999px;padding:4px 9px;font-size:12px;background:#eee}.new{background:#fff0cf;color:#8a5a00}.process{background:#dff4ff;color:#006c92}.done{background:#dcf8e8;color:#08733a}.paid{background:#e8e1ff;color:#5a33a0}.order ul{padding-left:18px}.order-actions{display:flex;gap:8px;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:16px}.metric span{color:var(--muted);display:block}.metric strong{font-size:24px}.form{display:grid;grid-template-columns:1.4fr 1fr 1fr .7fr auto;gap:10px;margin-bottom:16px}.table table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid var(--line);text-align:left}.qrgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.qr-card{text-align:center;break-inside:avoid}.qr-card img{width:140px;height:140px}.muted{color:var(--muted)}#toast{position:fixed;right:18px;bottom:18px;background:var(--brown);color:white;padding:13px 16px;border-radius:14px;opacity:0;transform:translateY(10px);transition:.25s}#toast.show{opacity:1;transform:translateY(0)}canvas{background:#fff;border:1px solid var(--line);border-radius:18px;margin:14px 0;padding:12px}@media(max-width:900px){.layout{grid-template-columns:1fr}.cart{position:static}.form{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}}@media print{.topbar,.section-title button,.muted{display:none}main{max-width:none}.view{display:none!important}#qr{display:block!important}.qrgrid{grid-template-columns:repeat(4,1fr)}.qr-card{page-break-inside:avoid}}