:root{--bg:#f4f7f7;--surface:#fff;--ink:#152c32;--muted:#647a7e;--line:#dce5e6;--primary:#0d766b;--primary-hover:#095e55;--navy:#102a36;--warning:#b87411;--danger:#b43f45;--success:#16805d;--soft-primary:#e8f4f2;--soft-warning:#fff4df;--soft-danger:#fff0f1;--shadow:0 1px 2px rgb(16 42 54 / 4%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgb(13 118 107 / 28%);outline-offset:2px}input,select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:var(--surface);color:var(--ink);transition:border-color .15s,box-shadow .15s}input:hover,select:hover{border-color:#b7c9ca}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgb(13 118 107 / 10%);outline:0}label{display:block;color:var(--ink);font-size:.86rem;font-weight:650;margin:12px 0 6px}label input,label select{margin-top:7px}.hidden{display:none!important}.mark{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:10px;background:var(--primary);color:#fff;font-size:.77rem;font-weight:800;letter-spacing:-.04em}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 0,#e1f0ef 0,transparent 35%),var(--bg)}.login-card{width:min(410px,100%);padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.login-card h1{margin:18px 0 4px;font-size:1.75rem;letter-spacing:-.035em}.login-card p{margin:0 0 24px;color:var(--muted)}.primary,.outline,.danger-outline,.subtle{border-radius:9px;min-height:44px;padding:10px 15px;font-weight:700;transition:background .15s,border-color .15s,color .15s}.primary{border:1px solid var(--primary);background:var(--primary);color:#fff}.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.primary:disabled,.outline:disabled,.danger-outline:disabled{opacity:.48;cursor:not-allowed}.login-card .primary{width:100%;margin-top:14px;min-height:48px}.outline{background:var(--surface);border:1px solid #bfd0d1;color:var(--primary)}.outline:hover{background:var(--soft-primary);border-color:var(--primary)}.danger-outline{background:var(--surface);border:1px solid #e7b9bd;color:var(--danger)}.danger-outline:hover{background:var(--soft-danger)}.error{color:var(--danger)!important;min-height:20px;margin-top:10px!important}.layout{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .18s}.layout.pos-mode{grid-template-columns:72px minmax(0,1fr)}.app-sidebar{position:sticky;top:0;z-index:5;height:100vh;display:flex;flex-direction:column;padding:16px 10px;background:var(--navy);color:#dcebed;border-right:1px solid #09202a}.sidebrand{display:flex;align-items:center;gap:11px;min-height:48px;padding:4px 8px 20px}.brand-copy{display:grid;gap:2px;min-width:0}.sidebrand strong{font-size:.98rem;color:#fff;white-space:nowrap}.sidebrand small{font-size:.72rem;color:#9cb6ba;white-space:nowrap}nav{display:grid;gap:4px}.nav{position:relative;min-height:46px;display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#aac1c4;font-size:.87rem;font-weight:700;text-align:left}.nav:hover{background:rgb(255 255 255 / 8%);color:#fff}.nav.active{background:var(--primary);border-color:#1b8d82;color:#fff}.nav-icon{width:20px;height:20px;flex:none;display:grid;place-items:center}.nav-icon svg,.subtle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidefoot{display:flex;align-items:center;gap:8px;margin-top:auto;padding:16px 8px 4px;border-top:1px solid rgb(255 255 255 / 12%);color:#c7d9db;font-size:.8rem;min-width:0}.sidefoot>#who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operator-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#52cda5;box-shadow:0 0 0 3px rgb(82 205 165 / 15%)}.subtle{display:inline-flex;align-items:center;gap:7px;min-height:34px;margin-left:auto;padding:7px;border:0;background:transparent;color:#a9c1c4;font-size:.8rem}.subtle:hover{color:#fff;background:rgb(255 255 255 / 8%)}.pos-mode .brand-copy,.pos-mode .nav-label,.pos-mode .sidefoot>#who,.pos-mode .subtle span{display:none}.pos-mode .sidebrand{justify-content:center;padding-inline:0}.pos-mode .nav{justify-content:center;padding-inline:0}.pos-mode .sidefoot{justify-content:center;padding-inline:0}.pos-mode .subtle{margin-left:0}.pos-mode .nav[data-tooltip]::after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);z-index:10;display:none;padding:7px 9px;border-radius:7px;background:var(--navy);color:#fff;white-space:nowrap;font-size:.78rem;box-shadow:var(--shadow)}.pos-mode .nav:hover::after,.pos-mode .nav:focus-visible::after{display:block}main{width:100%;min-width:0;max-width:1800px;margin:0 auto;padding:20px clamp(16px,2.3vw,32px) 30px}.app-header{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}h1{margin:3px 0 0;font-size:1.55rem;line-height:1.2;letter-spacing:-.03em}h2{margin:0 0 6px;font-size:1.06rem;line-height:1.3}h3{font-size:.95rem}.overline{color:var(--muted);font-size:.69rem;font-weight:800;letter-spacing:.12em}.header-right,.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.header-state{font-size:.78rem;color:var(--muted);font-weight:700}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:100px;padding:7px 10px;background:var(--soft-primary);color:var(--primary);font-size:.75rem;font-weight:800;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.pill.warn{background:var(--soft-warning);color:var(--warning)}.pill.bad{background:var(--soft-danger);color:var(--danger)}.notice{display:flex;align-items:center;min-height:44px;margin:16px 0;padding:10px 13px;border:1px solid #ecd79d;border-radius:9px;background:var(--soft-warning);color:#79520d;font-size:.87rem}.notice.err{border-color:#efc4c7;background:var(--soft-danger);color:#913139}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:16px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--line)}.metric{display:grid;gap:4px;padding:14px 16px;background:var(--surface);min-width:0}.metric small{color:var(--muted);font-size:.67rem;font-weight:800;letter-spacing:.09em}.metric b{font-size:1.2rem;font-variant-numeric:tabular-nums}.metric span{overflow:hidden;color:var(--muted);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.pdv-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,360px);gap:16px;align-items:start}.panel{min-width:0;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.panel-title p,.muted{margin:0;color:var(--muted);font-size:.84rem}.checkout{display:grid;gap:8px}.checkout label{margin:4px 0}.checkout small{color:var(--muted);text-align:center;font-size:.75rem}.checkout .big{width:100%;min-height:54px;font-size:.95rem}.rowlined{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid #e8eeee;font-size:.9rem}.rowlined.total{margin-top:4px;padding:14px 0}.rowlined.total strong{font-size:1.75rem;letter-spacing:-.035em;color:var(--navy);font-variant-numeric:tabular-nums}.search-area{position:relative}.search-area input{min-height:52px;padding:12px 14px 12px 42px;font-size:.96rem;background:linear-gradient(90deg,var(--soft-primary),var(--surface) 70%);border-color:#b9d8d3}.search-area::before{content:"";position:absolute;top:50%;left:15px;z-index:1;width:13px;height:18px;transform:translateY(-50%);border-inline:2px solid var(--primary);background:repeating-linear-gradient(90deg,transparent 0 2px,var(--primary) 2px 3px,transparent 3px 5px)}.results{position:absolute;z-index:10;top:calc(100% + 4px);right:0;left:0;max-height:270px;overflow:auto;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:0 12px 24px rgb(16 42 54 / 12%)}.results button{display:flex;justify-content:space-between;gap:16px;width:100%;padding:13px;border:0;border-bottom:1px solid #edf1f1;background:var(--surface);color:var(--ink);text-align:left}.results button:hover{background:var(--soft-primary)}.table-scroll{overflow:auto;max-width:100%}table{width:100%;margin-top:14px;border-collapse:collapse}th{text-align:left;color:var(--muted);font-size:.69rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}td,th{padding:13px 8px;border-bottom:1px solid #e9efef}td{font-size:.88rem}td:nth-child(n+3),th:nth-child(n+3){text-align:right;font-variant-numeric:tabular-nums}td .qty{min-height:34px;width:64px;padding:5px 6px}.empty{padding:34px 10px;text-align:center!important;color:var(--muted)}.tiny{min-height:30px;padding:5px 7px;border:0;border-radius:7px;background:var(--soft-danger);color:var(--danger);font-weight:700}.lower{margin-top:16px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px;align-items:end}.form-grid button{margin-bottom:6px}.inline-file{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin:0;padding:9px 12px;border:1px solid #bfd0d1;border-radius:9px;color:var(--primary);font-size:.85rem}.inline-file input{max-width:190px;min-height:0;padding:0;border:0}.checkout ul{display:grid;gap:2px;margin:0;padding:0;list-style:none}.checkout li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #e9eeee;font-size:.84rem}footer{padding:24px 0 2px;color:var(--muted);font-size:.74rem;text-align:center}@media(max-width:1120px){.pdv-grid{grid-template-columns:minmax(0,1fr) 310px}.metric{padding:12px}}@media(max-width:900px){.layout,.layout.pos-mode{grid-template-columns:1fr}.app-sidebar{position:static;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;height:auto;padding:9px 12px}.sidebrand,.pos-mode .sidebrand{justify-content:flex-start;padding:0}.brand-copy,.pos-mode .brand-copy{display:grid}.sidebrand small{display:none}nav{display:flex;overflow:auto;gap:4px}.nav,.pos-mode .nav{justify-content:flex-start;width:auto;min-width:max-content;padding:9px 11px}.nav-label,.pos-mode .nav-label{display:inline}.sidefoot,.pos-mode .sidefoot{justify-content:flex-end;margin:0;padding:0;border:0}.sidefoot>#who,.pos-mode .sidefoot>#who{display:none}.subtle span,.pos-mode .subtle span{display:none}.pos-mode .nav[data-tooltip]::after{display:none!important}.pdv-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){main{padding:16px 12px 24px}.app-header{align-items:flex-start}.header-right{gap:6px}.header-state{display:none}.summary-grid{grid-template-columns:1fr 1fr}.metric:first-child{grid-column:span 2}.metric{padding:12px}.metric b{font-size:1.05rem}.panel{padding:14px}.panel-title{align-items:flex-start;flex-direction:column}.panel-title .outline{width:100%}.form-grid{grid-template-columns:1fr}.inline-file{align-items:flex-start;flex-direction:column}.inline-file input{max-width:100%}td,th{padding:11px 5px}table{font-size:.82rem}#cartItems td:nth-child(3),#cartItems th:nth-child(3){display:none}.pdv-grid{gap:12px}}@media(max-width:390px){.app-sidebar{grid-template-columns:1fr}.sidebrand{display:none}.sidefoot{display:none}nav{justify-content:center}.nav-label{display:none}.nav,.pos-mode .nav{min-width:42px;justify-content:center;padding:9px}.summary-grid{gap:1px}.metric{padding:10px}.metric span{display:none}}