:root{--wine:#721d38;--wine2:#56142a;--cream:#f7f2e8;--ink:#24201f;--muted:#847c78;--line:#e9e0d9;--card:#fffdfa;--ok:#2c8062;--warn:#bd7728}
    *{box-sizing:border-box}body{margin:0;background:#f5f0e9;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0}.shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.side{background:var(--wine2);color:white;padding:28px 16px;display:flex;flex-direction:column;gap:30px}.brand{display:flex;align-items:center;gap:11px;padding:0 11px}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--cream);display:grid;place-items:center}.brand-mark svg{width:27px;height:27px}.brand strong{font-size:19px;letter-spacing:.23em}.brand small{display:block;color:#dabfc4;font-size:10px;letter-spacing:.17em;margin-top:3px}.nav{display:grid;gap:6px}.nav button{color:#e8cfd4;background:transparent;text-align:left;padding:12px 14px;border-radius:12px;display:flex;gap:11px;align-items:center;font-size:14px}.nav button.active,.nav button:hover{background:#812641;color:#fff}.nav svg{width:18px;height:18px}.side-footer{margin-top:auto;color:#cdaeb6;font-size:11px;line-height:1.5;padding:10px}.main{min-width:0}.top{height:78px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;background:#fffdfa;border-bottom:1px solid var(--line)}.top h1{font-size:22px;margin:0}.top p{margin:4px 0 0;color:var(--muted);font-size:12px}.top-actions{display:flex;gap:12px;align-items:center}.pill{border:1px solid var(--line);background:#fff;padding:9px 13px;border-radius:999px;color:#615954;font-size:12px}.avatar{height:36px;width:36px;border-radius:50%;background:var(--wine);color:white;display:grid;place-items:center;font-weight:700}.content{padding:30px 34px;max-width:1500px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:19px}.stat label{font-size:12px;color:var(--muted)}.stat b{font-size:28px;display:block;margin-top:9px}.stat span{font-size:11px;color:var(--ok)}.grid{display:grid;grid-template-columns:1.45fr 1fr;gap:18px;margin-top:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:21px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card h2{font-size:16px;margin:0}.card-head button,.primary{background:var(--wine);color:white;padding:10px 14px;border-radius:10px;font-size:12px}.ghost{background:#f8f1ec;color:var(--wine);padding:9px 12px;border-radius:10px;font-size:12px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:12px}.table th{text-align:left;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:0 10px 11px}.table td{border-top:1px solid var(--line);padding:13px 10px;white-space:nowrap}.tag{border-radius:99px;padding:5px 8px;font-size:10px;background:#edf6f0;color:var(--ok)}.tag.warn{background:#fff3df;color:var(--warn)}.stock{font-weight:700}.low{color:#bd5d31}.activity{display:grid;gap:15px}.activity-row{display:flex;gap:11px;align-items:flex-start}.dot{width:8px;height:8px;border-radius:50%;background:var(--wine);margin-top:5px}.activity-row p{margin:0;font-size:12px}.activity-row small{display:block;color:var(--muted);margin-top:4px}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.quick button{background:#fffdfa;border:1px solid var(--line);border-radius:13px;padding:15px;text-align:left;color:var(--ink)}.quick strong{display:block;color:var(--wine);font-size:13px}.quick span{font-size:11px;color:var(--muted);display:block;margin-top:4px}.screen{display:none}.screen.active{display:block}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:17px;flex-wrap:wrap}.search{border:1px solid var(--line);border-radius:10px;padding:10px 13px;background:white;min-width:250px}.select{border:1px solid var(--line);border-radius:10px;padding:10px 13px;background:white}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.field{display:grid;gap:6px}.field label{font-size:11px;color:var(--muted)}.field input,.field select{border:1px solid var(--line);border-radius:9px;padding:10px;background:white}.quantity{display:flex;align-items:center;gap:8px}.quantity button{width:25px;height:25px;border-radius:7px;background:#f1e8e3;color:var(--wine);font-weight:700}.empty{padding:40px 20px;text-align:center;color:var(--muted);font-size:13px}.printer-box{display:flex;align-items:center;justify-content:space-between;border:1px dashed #d8c9c0;padding:16px;border-radius:13px;background:#fffaf5}.printer-status{display:flex;gap:9px;align-items:center;font-size:13px}.status-dot{height:9px;width:9px;border-radius:50%;background:#c4b5ad}.status-dot.connected{background:var(--ok)}.notice{padding:12px 14px;background:#fff3df;color:#80531f;border-radius:10px;font-size:12px;line-height:1.5;margin-top:14px}.mobile-nav{display:none}
    @media(max-width:950px){.shell{grid-template-columns:1fr}.side{display:none}.top{padding:0 18px}.content{padding:20px 18px 85px}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--wine2);display:flex;z-index:5;justify-content:space-around;padding:7px}.mobile-nav button{background:none;color:#e8cfd4;font-size:10px;display:grid;place-items:center;gap:3px}.mobile-nav button.active{color:#fff}.mobile-nav svg{width:19px}.form-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:560px){.top h1{font-size:18px}.top p{display:none}.pill{display:none}.content{padding:18px 13px 82px}.stats{gap:9px}.stat{padding:13px}.stat b{font-size:22px}.stat label{font-size:10px}.quick{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.search{min-width:100%;width:100%}.card{padding:15px}.table{font-size:11px}}