:root{--bg:#f5f5f2;--panel:#fff;--text:#1e2328;--muted:#6a7077;--line:#dfe2dd;--accent:#1f7a5a;--accent-dark:#155f46;--warning:#c66a22;--danger:#b9463f;--ready:#286fb4;--shadow:0 18px 45px #21262014}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.login-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:var(--panel);width:min(100%,420px);box-shadow:var(--shadow);border-radius:8px;gap:14px;padding:24px;display:grid}.login-card h1{margin:0;font-size:28px}.login-logo{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:8px;width:110px;height:110px;padding:6px}.login-error{color:var(--danger);margin:0}.demo-logins{color:var(--muted);gap:5px;margin-top:4px;font-size:13px;display:grid}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.58}.app-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#202723;flex-direction:column;gap:24px;min-width:0;padding:24px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-logo{object-fit:contain;background:#fff;border-radius:8px;width:64px;height:64px;padding:4px}.brand strong,.brand small{display:block}.brand small,.shift-card small{color:#ffffffad}.nav{gap:8px;display:grid}.nav-button{color:#ffffffc7;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;min-height:44px;padding:0 14px}.nav-button.active,.nav-button:hover{color:#fff;background:#ffffff1f}.shift-card{border:1px solid #ffffff1f;border-radius:8px;gap:5px;min-width:0;max-width:100%;margin-top:auto;padding:16px;display:grid}.shift-card span,.shift-card strong,.shift-card small{overflow-wrap:anywhere;min-width:0}.shift-card+.shift-card{margin-top:0}.logout-button{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;width:100%;min-width:0;max-width:100%;min-height:36px;font-weight:700}.workspace{padding:24px;overflow:auto}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.topbar h1{margin:0 0 6px;font-size:30px}.topbar p{color:var(--muted);margin:0}.cashier-layout{grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:18px;display:grid}.product-browser,.order-panel,.table-card,.form-card,.metric{background:var(--panel);border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);border-radius:8px}.product-browser,.order-panel,.table-card,.form-card{padding:18px}.toolbar{gap:12px;margin-bottom:16px;display:grid}.search-box input,.field input,.field select,.field textarea,.section-header select{border:1px solid var(--line);width:100%;min-height:42px;color:var(--text);background:#fff;border-radius:8px;padding:9px 11px}.category-tabs{flex-wrap:wrap;gap:8px;display:flex}.category-tab{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:999px;padding:8px 12px}.category-tab.active{border-color:var(--accent);color:var(--accent-dark);background:#e7f2ed}.product-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:12px;display:grid}.product-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;align-content:start;gap:7px;min-height:142px;padding:14px;display:grid}.product-card:hover{border-color:var(--accent)}.product-card strong,.product-card span,.product-card small,.product-card b,.draft-line small{display:block}.product-card span{color:var(--muted)}.product-card small,.draft-line small,.product-description,.order-card li small{color:var(--muted);font-size:13px;line-height:1.35}.product-card b{color:var(--accent-dark);margin-top:auto;font-size:18px}.panel-header,.section-header,.draft-line,.total-row,.order-row-header{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.panel-header h2,.section-header h2,.form-card h2{margin:0;font-size:19px}.panel-header span,.section-header span{color:var(--muted)}.order-panel{gap:14px;display:grid;position:sticky;top:24px}.field{color:var(--muted);gap:7px;font-size:14px;display:grid}.field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.draft-items{gap:10px;max-height:300px;display:grid;overflow:auto}.draft-line{border:1px solid var(--line);border-radius:8px;gap:10px;padding:10px;display:grid}.draft-line-main{gap:4px;display:grid}.included-option{border:1px dashed var(--line);color:var(--text);background:#f8faf7;border-radius:8px;padding:10px}.included-option select{min-height:36px}.quantity-controls,.order-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quantity-controls button,.icon-button{border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.total-row{border-top:1px solid var(--line);padding-top:14px;font-size:18px}.primary-button,.secondary-button,.status-button{border:0;border-radius:8px;min-height:42px;padding:0 14px;font-weight:700}.primary-button{background:var(--accent);color:#fff}.primary-button:hover{background:var(--accent-dark)}.secondary-button{border:1px solid var(--line);color:var(--text);background:#fff}.danger-button{min-height:42px;color:var(--danger);background:#fae9e7;border:1px solid #f0c3bd;border-radius:8px;padding:0 14px;font-weight:700}.admin-panel{border:1px solid var(--line);background:#f8f9f6;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px;display:flex}.admin-panel p{color:var(--muted);margin:4px 0 0;font-size:14px}.admin-message{color:var(--muted);font-size:14px}.compact-filter{width:min(100%,240px);min-width:0}.password-row{flex-wrap:wrap;gap:8px;display:flex}.password-row input,.price-edit-row input{border:1px solid var(--line);border-radius:8px;min-width:min(100%,260px);min-height:42px;padding:9px 11px}.price-edit-row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.price-edit-row label{color:var(--muted);gap:6px;font-size:14px;display:grid}.status-lanes{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.production-board{gap:22px;display:grid}.station-board{gap:12px;display:grid}.station-title{justify-content:space-between;align-items:center;display:flex}.station-title h2,.lane-title h3{margin:0}.lane-title h3{font-size:17px}.lane{align-content:start;gap:12px;display:grid}.lane-title{justify-content:space-between;align-items:center;min-height:40px;padding:0 4px;display:flex}.order-card,.order-row,.menu-row,.report-row{border:1px solid var(--line);background:#fff;border-radius:8px}.order-card{box-shadow:var(--shadow);gap:12px;padding:14px;display:grid}.order-card ul{margin:0;padding-left:18px}.status-button{color:var(--accent-dark);background:#e7f2ed}.status-button.ready{color:var(--ready);background:#e8f0f9}.status-button.done{color:var(--text);background:#f2f4f1}.orders-list,.menu-list,.category-report,.product-report{gap:10px;min-width:0;margin-top:14px;display:grid}.table-card+.table-card{margin-top:18px}.order-row,.menu-row,.report-row{gap:8px;min-width:0;padding:12px;display:grid}.order-history-row{gap:10px;overflow:hidden}.order-main-line{flex-wrap:wrap;align-items:baseline;gap:10px;min-width:0;display:flex}.order-main-line span{color:var(--accent-dark);font-weight:800}.order-row-meta,.menu-row-meta{min-width:0;color:var(--muted);flex-wrap:wrap;gap:10px;font-size:14px;display:flex}.order-row-meta span,.order-main-line strong,.compact-item-list li{overflow-wrap:anywhere;min-width:0}.product-report-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.product-report-row>div:first-child{gap:4px;display:grid}.product-report-row>div:first-child span{color:var(--muted);font-size:14px}.product-report-values{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;font-size:14px;display:flex}.product-report-values strong{color:var(--accent-dark)}.pill{min-height:26px;color:var(--text);background:#f0f2ef;border-radius:999px;align-items:center;padding:0 9px;font-size:13px;display:inline-flex}.pill.NEW{color:var(--warning);background:#fff2dc}.pill.IN_PROGRESS{color:var(--accent-dark);background:#e7f2ed}.pill.READY{color:var(--ready);background:#e8f0f9}.pill.CANCELLED{color:var(--danger);background:#fae9e7}.menu-layout{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:18px;display:grid}.form-card{gap:14px;display:grid}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.report-toolbar{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:14px;display:flex}.report-toolbar>div:first-child{gap:3px;display:grid}.report-toolbar span{color:var(--muted);font-size:14px}.period-tabs{flex-wrap:wrap;gap:8px;display:flex}.period-tabs button{border:1px solid var(--line);min-height:38px;color:var(--text);background:#fff;border-radius:8px;padding:0 12px;font-weight:700}.period-tabs button.active{border-color:var(--accent);background:var(--accent);color:#fff}.metric{gap:6px;padding:18px;display:grid}.metric span{color:var(--muted)}.metric strong{font-size:26px}.comparison-card{margin-bottom:18px}.comparison-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.comparison-column{border:1px solid var(--line);background:#fff;border-radius:8px;gap:6px;padding:14px;display:grid}.comparison-column span,.comparison-column small{color:var(--muted)}.comparison-column strong{color:var(--accent-dark);font-size:24px}.comparison-column.difference{background:#f8faf7}.product-description,.empty-state{color:var(--muted);margin:0}.compact-item-list{gap:6px;min-width:0;margin:0;padding-left:18px;display:grid}.compact-item-list small,.order-card li small{color:var(--muted);margin-top:3px;display:block}@media (max-width:1050px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:5;gap:12px;padding:14px 16px;position:sticky;top:0;overflow-x:hidden}.brand-logo{width:52px;height:52px}.nav{scrollbar-width:thin;gap:8px;margin:0 -16px;padding:0 16px 4px;display:flex;overflow-x:auto}.nav-button{text-align:center;flex:none;min-width:112px;padding:0 8px}.shift-card{margin-top:0}.cashier-layout,.menu-layout,.status-lanes{grid-template-columns:1fr}.order-panel{position:static}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.login-screen{padding:14px}.login-card{padding:18px}.workspace,.sidebar{min-width:0;max-width:100vw;padding:12px}.workspace{overflow:visible}.brand{gap:10px;min-width:0;max-width:100%}.brand-logo{width:46px;height:46px}.brand strong{font-size:15px}.brand small{font-size:12px}.nav{scrollbar-width:thin;gap:8px;max-width:100%;margin:0;padding:0 0 4px;display:flex;overflow:auto hidden}.nav-button{white-space:nowrap;flex:none;width:auto;min-width:86px;min-height:38px;font-size:13px}.shift-card{min-width:0;max-width:100%;padding:10px 12px}.logout-button{width:100%;min-width:0}.topbar{margin-bottom:12px}.topbar h1{font-size:24px}.topbar p{font-size:14px}.topbar,.field-row,.panel-header,.section-header,.report-toolbar,.admin-panel{flex-direction:column;align-items:stretch}.cashier-layout,.production-board,.station-board,.toolbar{gap:12px}.product-browser,.order-panel,.table-card,.form-card{min-width:0;max-width:100%;padding:12px}.category-tabs{scrollbar-width:thin;flex-wrap:nowrap;margin:0 -12px;padding:0 12px 4px;overflow-x:auto}.category-tab{flex:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-card{gap:5px;min-height:122px;padding:10px}.product-card strong{font-size:14px;line-height:1.2}.product-card small,.product-card span,.draft-line small,.product-description,.order-card li small{font-size:12px}.product-card b{font-size:16px}.draft-items{max-height:none}.quantity-controls{justify-content:space-between}.quantity-controls button,.icon-button{width:40px;height:40px}.primary-button,.secondary-button,.status-button,.danger-button{width:100%;min-height:44px}.compact-filter{width:100%;min-width:0}.order-actions{flex-direction:column;align-items:stretch}.order-row-header,.station-title,.lane-title{flex-direction:column;align-items:flex-start}.order-card,.order-row,.menu-row,.report-row{min-width:0;max-width:100%;padding:10px}.orders-card,.orders-list,.order-history-row,.compact-item-list{min-width:0;max-width:100%}.orders-card{overflow:hidden}.password-row{flex-direction:column}.price-edit-row{flex-direction:column;align-items:stretch}.product-report-row,.comparison-controls,.comparison-grid{grid-template-columns:1fr}.product-report-values{justify-content:flex-start}.metrics-grid{grid-template-columns:1fr;gap:10px}.metric{padding:12px}.metric strong{font-size:22px}}@media (max-width:390px){.product-grid{grid-template-columns:1fr}}