:root{--ink:#172321;--muted:#72807a;--line:#e2e9e4;--canvas:#f6f8f5;--card:#fff;--green:#126b57;--green-soft:#e5f2ec;--orange:#ed7b3d;--red:#d35d55;--shadow:0 12px 35px rgba(26,54,43,.07)}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.45 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}.shell{display:flex;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:25px 17px;width:250px}.brand{align-items:center;display:flex;gap:11px;padding:3px 10px 30px}.brand-mark{align-items:center;background:var(--ink);border-radius:11px;color:#fff;display:flex;font-size:12px;font-weight:900;height:38px;justify-content:center;width:38px}.brand strong,.brand small,.user-chip strong,.user-chip small{display:block}.brand strong{font-size:15px}.brand small,.user-chip small{color:var(--muted);font-size:11px}.location-switcher{background:var(--canvas);border:1px solid var(--line);border-radius:11px;display:grid;gap:3px;margin:0 4px 22px;padding:11px 12px}.location-switcher span,.location-switcher small{color:var(--muted);font-size:10px}.location-switcher small{color:var(--green)}nav{display:grid;gap:5px}nav button{align-items:center;background:transparent;border:0;border-radius:9px;color:#65736d;display:flex;gap:12px;padding:12px;text-align:left}nav button:hover,nav button.active{background:var(--green-soft);color:var(--green);font-weight:700}nav button span{font-size:17px;width:18px}nav button b{background:var(--orange);border-radius:20px;color:#fff;font-size:10px;margin-left:auto;padding:2px 7px}.sidebar-footer{margin-top:auto}.user-chip{align-items:center;border-top:1px solid var(--line);display:flex;gap:9px;padding:18px 7px 0}.user-chip>span:last-child{margin-left:auto}.avatar{align-items:center;background:#dcece5;border-radius:50%;color:var(--green);display:flex;font-size:10px;font-weight:800;height:31px;justify-content:center;width:31px}.main{flex:1;min-width:0}.topbar{align-items:center;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:25px 35px}.eyebrow,.kicker{color:var(--green);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.topbar h1{font-size:25px;letter-spacing:-.04em;margin:4px 0 0}.top-actions{align-items:center;display:flex;gap:12px}.outline-button,.small-button,.secondary{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:9px 13px}.notification{background:#fff;border:1px solid var(--line);border-radius:8px;font-size:19px;padding:7px 11px;position:relative}.notification i{background:var(--orange);border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:7px;top:5px;width:8px}.content{padding:28px 35px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.grid-3{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.stat-card{padding:18px}.stat-card .label{color:var(--muted);font-size:12px}.stat-card .value{font-size:25px;font-weight:800;letter-spacing:-.04em;margin:6px 0}.trend{color:var(--green);font-size:11px;font-weight:700}.section-head{align-items:end;display:flex;justify-content:space-between;margin:27px 0 14px}.section-head h2{font-size:18px;margin:3px 0 0}.muted{color:var(--muted);font-size:12px}.pos-layout{display:grid;gap:21px;grid-template-columns:minmax(0,1fr) 370px}.catalog,.order-box{padding:22px}.toolbar{align-items:center;display:flex;gap:10px;justify-content:space-between}.search{border:1px solid var(--line);border-radius:8px;display:flex;gap:8px;padding:9px 12px;width:220px}.search input{border:0;outline:0;width:100%}.tabs{display:flex;gap:4px;margin:22px 0 14px;overflow:auto}.tabs button{background:#f3f6f3;border:0;border-radius:7px;color:var(--muted);padding:8px 13px;white-space:nowrap}.tabs button.active{background:var(--green);color:#fff}.product-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.product{background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px;text-align:left}.product:hover{border-color:var(--green);box-shadow:0 5px 17px #126b5717}.product-icon{align-items:center;background:var(--green-soft);border-radius:9px;display:flex;font-size:22px;height:38px;justify-content:center;margin-bottom:10px;width:38px}.product strong,.product small{display:block}.product small{color:var(--green);font-weight:800;margin-top:6px}.order-box{align-self:start;min-height:600px}.order-head{align-items:start;display:flex;justify-content:space-between}.order-head h2{font-size:17px;margin:3px 0}.order-type{display:flex;gap:4px;margin:18px 0}.order-type button,.payment button{background:#f4f7f4;border:0;border-radius:7px;color:var(--muted);padding:8px}.order-type button.active,.payment button.active{background:var(--green);color:#fff}.cart{min-height:240px}.empty{color:var(--muted);padding:80px 20px;text-align:center}.cart-row{align-items:center;border-bottom:1px solid #f0f2f0;display:flex;gap:9px;padding:11px 0}.cart-row .grow{flex:1}.cart-row small{color:var(--muted);display:block}.qty{align-items:center;display:flex;gap:5px}.qty button{background:var(--green-soft);border:0;border-radius:50%;color:var(--green);height:23px;width:23px}.summary{border-top:1px solid var(--line);padding-top:13px}.summary div{display:flex;justify-content:space-between;margin:8px 0}.summary .grand{border-top:1px dashed var(--line);font-size:17px;font-weight:800;margin-top:15px;padding-top:13px}.payment{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.payment-options{display:grid;gap:4px;grid-template-columns:repeat(3,1fr);margin-top:10px}.payment input,.form-input{border:1px solid var(--line);border-radius:7px;margin-top:9px;padding:10px;width:100%}.primary{background:var(--orange);border:0;border-radius:8px;color:#fff;font-weight:800;padding:13px;width:100%}.receipt-note{color:var(--muted);font-size:11px;text-align:center}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--line);padding:13px 10px;text-align:left}.table th{color:var(--muted);font-size:11px;text-transform:uppercase}.badge{background:var(--green-soft);border-radius:20px;color:var(--green);font-size:11px;padding:4px 8px}.badge.warn{background:#fff0e4;color:#ae5a24}.badge.danger{background:#fbe9e7;color:#b54d48}.board{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.board-col{background:#edf2ee;border-radius:11px;padding:13px}.board-col h3{font-size:13px;margin:0 0 11px}.ticket{background:#fff;border:1px solid var(--line);border-radius:9px;margin-bottom:9px;padding:13px}.ticket strong,.ticket small{display:block}.ticket small{color:var(--muted);margin-top:4px}.ticket button{background:var(--green-soft);border:0;border-radius:6px;color:var(--green);font-size:11px;margin-top:11px;padding:6px 9px}.progress{background:#e8eeea;border-radius:8px;height:7px;overflow:hidden}.progress i{background:var(--green);display:block;height:100%}.split{display:grid;gap:18px;grid-template-columns:1.4fr 1fr}.metric{padding:18px}.bar-chart{align-items:end;display:flex;gap:12px;height:150px;padding:15px 8px 0}.bar-chart i{background:var(--green);border-radius:5px 5px 0 0;display:block;flex:1;min-height:10px}.bar-labels{color:var(--muted);display:flex;font-size:10px;justify-content:space-around}.toolbar-line{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.toolbar-line h2{margin:0}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.setting-card{padding:22px}.toast{background:var(--ink);border-radius:8px;bottom:22px;color:#fff;left:50%;opacity:0;padding:11px 16px;position:fixed;transform:translate(-50%,20px);transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.hidden{display:none!important}.modal-backdrop{align-items:center;background:#17232177;display:flex;inset:0;justify-content:center;padding:20px;position:fixed}.modal{background:#fff;border-radius:14px;max-width:430px;padding:23px;width:100%}.modal-head{display:flex;justify-content:space-between}.modal h2{margin:0}.modal pre{background:#fbfcfa;border:1px solid var(--line);font:12px/1.5 monospace;padding:15px;white-space:pre-wrap}.modal-actions{display:flex;gap:8px}.modal-actions>*{flex:1}@media(max-width:1100px){.sidebar{width:210px}.pos-layout{grid-template-columns:1fr}.order-box{min-height:auto}.split{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{display:none}.content,.topbar{padding-left:17px;padding-right:17px}.grid-3,.board{grid-template-columns:1fr}.top-actions .outline-button{display:none}}