:root{--brand: #C2410C;--brand-dark: #9A3412;--brand-soft: #FFF1E7;--kitchen: #0F766E;--kitchen-soft: #E6F4F1;--counter: #4338CA;--counter-soft: #ECEBFB;--ok: #15803D;--ok-soft: #E7F6EC;--warn: #B45309;--warn-soft: #FEF3C7;--danger: #B91C1C;--danger-soft: #FEE9E7;--ink: #14181F;--ink-2: #4B5563;--ink-3: #7B8494;--line: #E4E7EC;--line-2: #EFF1F4;--bg: #F5F6F8;--card: #FFFFFF;--r: 14px;--r-sm: 10px;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);--shadow-lg: 0 12px 32px rgba(16, 24, 40, .16);--tap: 48px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}input,button,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.01em}.shell{display:flex;min-height:100%}.side{display:none;width:232px;flex:0 0 232px;background:#fff;border-right:1px solid var(--line);padding:16px 12px;position:sticky;top:0;height:100vh;flex-direction:column;gap:4px}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px}.brand-mark{width:36px;height:36px;border-radius:10px;flex:none;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800;font-size:17px}.brand-name{font-weight:800;font-size:16px;line-height:1.1}.brand-role{font-size:11.5px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.nav-link{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:var(--r-sm);border:0;background:none;width:100%;text-align:left;color:var(--ink-2);font-weight:600;font-size:14.5px}.nav-link svg{flex:none}.nav-link:hover{background:var(--line-2);color:var(--ink)}.nav-link.on{background:var(--brand-soft);color:var(--brand-dark)}.nav-badge{margin-left:auto;min-width:21px;height:21px;padding:0 6px;border-radius:11px;background:var(--danger);color:#fff;font-size:11.5px;font-weight:800;display:grid;place-items:center}.main{flex:1;min-width:0;display:flex;flex-direction:column}.page{flex:1;padding:16px 16px 96px;max-width:1080px;width:100%;margin:0 auto}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border-bottom:1px solid var(--line);padding-top:calc(10px + env(safe-area-inset-top))}.topbar h1{font-size:17px;flex:1;min-width:0}.topbar .sub{font-size:12px;color:var(--ink-3);font-weight:600}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;border:0;background:none;padding:8px 2px 7px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--ink-3);font-size:10.5px;font-weight:700;position:relative}.tab.on{color:var(--brand)}.tab-badge{position:absolute;top:3px;left:50%;margin-left:5px;min-width:17px;height:17px;padding:0 5px;border-radius:9px;background:var(--danger);color:#fff;font-size:10.5px;font-weight:800;display:grid;place-items:center;border:2px solid #fff}@media (min-width: 900px){.side{display:flex}.tabbar,.topbar{display:none}.page{padding:24px 28px 48px}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.card+.card{margin-top:12px}.card-pad{padding:14px 16px}.card-head{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line-2)}.card-head h3{font-size:14.5px}.card-head .spacer{flex:1}.grid{display:grid;gap:12px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 640px){.grid-3{grid-template-columns:1fr 1fr}}.row{display:flex;align-items:center;gap:10px}.row-wrap{flex-wrap:wrap}.spacer{flex:1}.stack{display:flex;flex-direction:column;gap:12px}.muted{color:var(--ink-3)}.small{font-size:12.5px}.section-title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);margin:20px 2px 9px}.section-title:first-child{margin-top:4px}.stat{padding:13px 14px;border-radius:var(--r);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.stat-label{font-size:11.5px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:26px;font-weight:800;letter-spacing:-.02em;margin-top:3px;line-height:1.1}.stat-note{font-size:12px;color:var(--ink-3);margin-top:2px}.stat.alert{background:var(--danger-soft);border-color:#f6c9c4}.stat.alert .stat-value,.stat.alert .stat-label{color:var(--danger)}.stat.good{background:var(--ok-soft);border-color:#c6e7d1}.stat.good .stat-value{color:var(--ok)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:0 18px;border-radius:var(--r-sm);border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:700;font-size:15px;transition:.12s}.btn:hover{background:var(--line-2)}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dark)}.btn-kitchen{background:var(--kitchen);border-color:var(--kitchen);color:#fff}.btn-kitchen:hover{filter:brightness(1.08)}.btn-ok{background:var(--ok);border-color:var(--ok);color:#fff}.btn-ok:hover{filter:brightness(1.08)}.btn-danger{background:#fff;border-color:#f3c6c1;color:var(--danger)}.btn-danger:hover{background:var(--danger-soft)}.btn-block{width:100%}.btn-sm{min-height:38px;padding:0 13px;font-size:13.5px;border-radius:9px}.btn-lg{min-height:56px;font-size:16.5px}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.02em;background:var(--line-2);color:var(--ink-2);white-space:nowrap}.pill-kitchen{background:var(--kitchen-soft);color:var(--kitchen)}.pill-counter{background:var(--counter-soft);color:var(--counter)}.pill-warn{background:var(--warn-soft);color:var(--warn)}.pill-danger{background:var(--danger-soft);color:var(--danger)}.pill-ok{background:var(--ok-soft);color:var(--ok)}.pill-brand{background:var(--brand-soft);color:var(--brand-dark)}.field{display:block;margin-bottom:13px}.label{display:block;font-size:12.5px;font-weight:700;color:var(--ink-2);margin-bottom:6px}.input,.select,.textarea{width:100%;min-height:var(--tap);padding:11px 13px;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;outline:none;transition:.12s}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #c2410c1f}.textarea{min-height:74px;resize:vertical}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%237B8494' d='M6 8 0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:34px}.input[type=number]{-moz-appearance:textfield}.input[type=number]::-webkit-outer-spin-button,.input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.switch{display:flex;align-items:center;gap:10px;cursor:pointer;min-height:44px}.switch input{width:20px;height:20px;accent-color:var(--brand)}.list{display:flex;flex-direction:column}.item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line-2);background:#fff;text-align:left;border-left:0;border-right:0;border-top:0;width:100%}.item:last-child{border-bottom:0}.item-main{flex:1;min-width:0}.item-name{font-weight:700;font-size:14.5px}.item-sub{font-size:12.5px;color:var(--ink-3);margin-top:1px}.item-qty{text-align:right;font-weight:800;font-size:15px;white-space:nowrap}button.item:hover{background:#fafbfc}.qty-pair{display:flex;gap:6px}.qty-box{min-width:76px;padding:6px 9px;border-radius:9px;text-align:center;background:var(--line-2);border:1px solid transparent}.qty-box .k{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3)}.qty-box .v{font-size:16px;font-weight:800;margin-top:1px;line-height:1.15}.qty-box.kitchen{background:var(--kitchen-soft)}.qty-box.kitchen .k,.qty-box.kitchen .v{color:var(--kitchen)}.qty-box.counter{background:var(--counter-soft)}.qty-box.counter .k,.qty-box.counter .v{color:var(--counter)}.qty-box.low{background:var(--danger-soft);border-color:#f3c6c1}.qty-box.low .k,.qty-box.low .v{color:var(--danger)}.doc{border-left:4px solid var(--line)}.doc.pending{border-left-color:var(--danger)}.doc.seen,.doc.partial{border-left-color:var(--warn)}.doc.urgent{border-left-color:var(--danger);background:#fffcfb}.doc.transit{border-left-color:var(--kitchen)}.doc.done{border-left-color:var(--ok)}.doc-lines{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.line-chip{display:inline-flex;align-items:baseline;gap:5px;padding:5px 10px;border-radius:8px;background:var(--line-2);font-size:13px;font-weight:600}.line-chip b{font-weight:800}.line-chip.short{background:var(--danger-soft);color:var(--danger)}.cart-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line-2)}.cart-row:last-child{border-bottom:0}.cart-name{flex:1;min-width:0}.cart-name .n{font-weight:700;font-size:14px}.cart-name .s{font-size:12px;color:var(--ink-3)}.stepper{display:flex;align-items:center;gap:0;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}.stepper button{width:40px;height:44px;border:0;background:#fff;font-size:20px;font-weight:700;color:var(--ink-2);line-height:1}.stepper button:hover{background:var(--line-2)}.stepper input{width:62px;height:44px;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center;font-weight:800;font-size:15px;outline:none;-moz-appearance:textfield}.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.picker-btn{padding:12px;border-radius:var(--r-sm);border:1px solid var(--line);background:#fff;text-align:left;min-height:64px}.picker-btn:hover,.picker-btn.on{border-color:var(--brand);background:var(--brand-soft)}.picker-btn .n{font-weight:700;font-size:13.5px;line-height:1.25}.picker-btn .s{font-size:11.5px;color:var(--ink-3);margin-top:3px}.actionbar{position:fixed;left:0;right:0;bottom:0;z-index:45;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);display:flex;gap:10px;align-items:center}@media (min-width: 900px){.actionbar{left:232px}}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#10182880;display:flex;align-items:flex-end;justify-content:center;padding:0}@media (min-width: 640px){.modal-back{align-items:center;padding:20px}}.modal{background:#fff;width:100%;max-width:540px;max-height:92vh;border-radius:18px 18px 0 0;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}@media (min-width: 640px){.modal{border-radius:var(--r)}}.modal-head{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid var(--line-2)}.modal-head h3{font-size:16px;flex:1}.modal-body{padding:16px 18px;overflow:auto}.modal-foot{display:flex;gap:10px;padding:13px 18px calc(13px + env(safe-area-inset-bottom));border-top:1px solid var(--line-2)}.modal-foot .btn{flex:1}.x-btn{width:36px;height:36px;border-radius:9px;border:0;background:var(--line-2);display:grid;place-items:center;color:var(--ink-2)}.toasts{position:fixed;left:50%;transform:translate(-50%);bottom:calc(78px + env(safe-area-inset-bottom));z-index:200;display:flex;flex-direction:column;gap:8px;width:calc(100% - 28px);max-width:420px}@media (min-width: 900px){.toasts{bottom:24px}}.toast{padding:12px 15px;border-radius:var(--r-sm);background:var(--ink);color:#fff;font-weight:600;font-size:14px;box-shadow:var(--shadow-lg);animation:pop .18s ease-out}.toast.err{background:var(--danger)}.toast.ok{background:var(--ok)}@keyframes pop{0%{opacity:0;transform:translateY(8px)}}.login-wrap{min-height:100%;display:grid;place-items:center;padding:24px;background:var(--bg)}.login-card{width:100%;max-width:380px}.login-logo{width:62px;height:62px;border-radius:17px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:27px;font-weight:800;margin:0 auto 16px}.empty{text-align:center;padding:44px 20px;color:var(--ink-3)}.empty-icon{font-size:34px;margin-bottom:10px;opacity:.55}.empty p{margin:0 0 4px;font-weight:700;color:var(--ink-2)}.banner{display:flex;gap:11px;align-items:flex-start;padding:13px 15px;border-radius:var(--r);font-size:13.5px;font-weight:600;background:var(--warn-soft);color:#7c3e06;border:1px solid #F5DDA4}.banner.info{background:var(--counter-soft);color:#322ba0;border-color:#cfccf6}.spin{width:17px;height:17px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:sp .7s linear infinite}.spin.dark{border-color:#00000026;border-top-color:var(--ink-2)}@keyframes sp{to{transform:rotate(360deg)}}.loading-full{display:grid;place-items:center;min-height:60vh}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}table.data{width:100%;border-collapse:collapse;font-size:13.5px;min-width:520px}table.data th{text-align:left;padding:10px 12px;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);border-bottom:1px solid var(--line);background:#fafbfc;white-space:nowrap;font-weight:800}table.data td{padding:10px 12px;border-bottom:1px solid var(--line-2)}table.data td.num,table.data th.num{text-align:right;font-variant-numeric:tabular-nums}table.data tr:last-child td{border-bottom:0}.back-desk{display:none}@media (min-width: 900px){.back-desk{display:inline-flex;margin-bottom:14px}}@media print{@page{size:A4;margin:14mm}body{background:#fff}.side,.tabbar,.topbar,.actionbar,.toasts,.no-print{display:none!important}.page{padding:0;max-width:none}.card{border:0;box-shadow:none}.card+.card{margin-top:8px}.print-head{display:block!important;margin-bottom:12px}.print-head h2{font-size:18px}.print-head p{margin:4px 0 0;color:#555;font-size:12px}.table-scroll{overflow:visible}table.data{min-width:0!important;font-size:11px}table.data th{background:#f2f2f2!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}table.data tr{break-inside:avoid}}.seg{display:flex;background:var(--line-2);padding:3px;border-radius:var(--r-sm);gap:3px}.seg button{flex:1;border:0;background:none;padding:9px 12px;border-radius:8px;font-weight:700;font-size:13.5px;color:var(--ink-2);white-space:nowrap}.seg button.on{background:#fff;color:var(--ink);box-shadow:var(--shadow)}