:root{color:#1d1d1f;font-synthesis:none;background:#f4f3ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f4f3ef;margin:0}button,input,select{font:inherit}button{cursor:pointer}.lokal-app{min-height:100vh}.topbar{z-index:20;color:#fff;background:#151515;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex;position:sticky;top:0;box-shadow:0 3px 15px #0002}.logo-line,.top-actions,.toolbar,.toolbar>div,.meta-row,.modal-head,.quantity-row,.option-row,.cart-row{align-items:center;display:flex}.logo-line{gap:10px}.logo-line small{color:#aaa;margin-top:2px;display:block}.brand-mark{color:#fff;background:#ff3b74;border-radius:18px;place-items:center;width:54px;height:54px;font-size:26px;font-weight:900;display:grid}.brand-mark.small{border-radius:12px;width:38px;height:38px;font-size:19px}.top-actions{flex-wrap:wrap;gap:8px}.top-actions button,.top-actions select,.toolbar button{color:#fff;background:#272727;border:1px solid #ffffff24;border-radius:10px;padding:9px 12px}.top-actions select{min-width:180px}.connection{background:#ffffff12;border-radius:999px;padding:7px 10px;font-size:12px}.connection.connected{color:#79e8a7}.connection.degraded{color:#ffb36b}.toolbar{justify-content:space-between;gap:16px;padding:14px 18px}.toolbar>div{gap:10px}.toolbar>div:first-child{flex-direction:column;align-items:flex-start;gap:2px}.toolbar span{color:#6a6a6a;font-size:13px}.primary{font-weight:800;color:#fff!important;background:#ff3b74!important;border:0!important}.board{grid-template-columns:repeat(4,minmax(280px,1fr));gap:12px;padding:0 14px 18px;display:grid;overflow-x:auto}.board-column{background:#eae9e5;border-radius:16px;min-width:280px;padding:10px}.board-column>header{justify-content:space-between;align-items:center;padding:3px 5px 10px;display:flex}.board-column h2{margin:0;font-size:16px}.board-column>header span{background:#fff;border-radius:999px;padding:3px 9px;font-weight:700}.cards{gap:10px;display:grid}.empty{text-align:center;color:#888;border:1px dashed #c8c6c0;border-radius:12px;padding:28px}.order-card{background:#fff;border-left:5px solid #bbb;border-radius:14px;padding:12px;box-shadow:0 2px 8px #0000000d}.order-card.status-new{border-left-color:#ff3b74}.order-card.status-accepted,.order-card.status-preparing{border-left-color:#f4a62a}.order-card.status-ready{border-left-color:#1ead68}.order-card.status-out_for_delivery{border-left-color:#4287f5}.order-card.has-flag{box-shadow:inset 0 0 0 2px #e44747}.order-card>header{justify-content:space-between;align-items:center;display:flex}.order-card>header strong{font-size:18px}.channel{background:#eee;border-radius:6px;margin-left:8px;padding:3px 6px;font-size:10px}.age{color:#666;font-size:12px;font-weight:700}.meta-row{color:#555;border-top:1px solid #eee;border-bottom:1px solid #eee;justify-content:space-between;margin:10px 0;padding:7px 0;font-size:12px}.eta{background:#fff4cf;border-radius:8px;margin-bottom:8px;padding:7px 9px;font-size:12px}.customer{background:#f7f7f5;border-radius:8px;margin-bottom:8px;padding:8px;font-size:12px}.customer a{color:inherit}.note{margin-top:4px;font-style:italic}.items{gap:8px;margin:10px 0;display:grid}.item{font-size:14px}.item span{color:#777;font-size:12px}.modifier{color:#b12c55;margin-top:2px;padding-left:14px;font-size:12px}.flag{background:#ffe3e3;border:1px solid #efb6b6;border-radius:8px;justify-content:space-between;gap:8px;margin:6px 0;padding:7px;font-size:11px;display:flex}.flag button{background:#fff;border:0;border-radius:6px}.order-card footer{margin-top:12px}.action{border-radius:10px;width:100%;padding:11px}.secondary-actions{grid-template-columns:1fr 1fr 1fr;gap:5px;margin-top:7px;display:grid}.secondary-actions button{background:#fff;border:1px solid #ddd;border-radius:8px;padding:7px;font-size:11px}.danger-link{color:#c53030}.waiting{text-align:center;color:#2d61a9;background:#e9f1ff;border-radius:9px;padding:10px;font-size:12px;display:block}.inline-error,.global-error,.error-box{color:#9c2626;background:#ffe7e7;border:1px solid #ffc5c5;border-radius:9px;padding:8px;font-size:12px}.global-error{justify-content:space-between;margin:0 18px 12px;display:flex}.global-error button{background:0 0;border:0}.login-page{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#fff;border-radius:24px;gap:14px;width:min(420px,100%);padding:28px;display:grid;box-shadow:0 18px 60px #0002}.login-card h1{margin:0}.login-card p{color:#777;margin:-8px 0 8px}.login-card label{gap:5px;font-size:13px;font-weight:700;display:grid}.login-card input,.modal input{border:1px solid #d8d7d2;border-radius:9px;padding:11px}.login-card button.primary,.modal button.primary{border-radius:10px;padding:12px}.muted{color:#888;font-weight:400}.modal-backdrop{z-index:50;background:#0008;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.modal{background:#fff;border-radius:20px;width:min(640px,100%);max-height:90vh;padding:20px;overflow:auto;box-shadow:0 20px 80px #0005}.phone-modal{width:min(980px,100%)}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:15px}.modal-head h2{margin:0}.modal-head p{color:#777;margin:4px 0}.modal-head>button{background:#eee;border:0;border-radius:9px;padding:7px 10px}.modifier-group{border-top:1px solid #eee;padding:12px 0}.modifier-group h3{margin:0;font-size:15px}.modifier-group h3 em{color:#ff3b74;font-size:10px}.modifier-group>p{color:#777;margin:2px 0 8px;font-size:11px}.option-row,.quantity-row{justify-content:space-between;padding:7px 0}.stepper{align-items:center;gap:8px;display:flex}.stepper button{background:#fff;border:1px solid #ddd;border-radius:8px;width:30px;height:30px}.customer-grid,.address-grid{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0;display:grid}.customer-grid label{gap:4px;font-size:12px;display:grid}.address-grid .wide{grid-column:1/-1}.fulfillment-toggle{gap:6px;margin:10px 0;display:flex}.fulfillment-toggle button{background:#fff;border:1px solid #ddd;border-radius:9px;flex:1;padding:10px}.fulfillment-toggle button.active{color:#fff;background:#151515}.catalog-grid{background:#f7f7f5;border-radius:12px;gap:14px;max-height:310px;padding:10px;display:grid;overflow:auto}.catalog-grid h3{margin:0 0 7px}.product-buttons{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:6px;display:grid}.product-buttons button{text-align:left;background:#fff;border:1px solid #ddd;border-radius:9px;gap:2px;padding:9px;display:grid}.product-buttons button:disabled{opacity:.45}.product-buttons span,.product-buttons small{color:#777;font-size:11px}.phone-cart{border-top:1px solid #eee;margin-top:12px;padding-top:10px}.phone-cart h3{margin:0 0 7px}.cart-row{border-bottom:1px solid #eee;justify-content:space-between;padding:7px}.cart-row small{color:#777;display:block}.cart-row button{color:#c53030;background:0 0;border:0}.cart-total{text-align:right;padding:9px;font-size:14px}.loading{text-align:center;padding:40px}@media (width<=1050px){.board{grid-template-columns:repeat(4,300px)}}@media (width<=720px){.topbar{flex-direction:column;align-items:flex-start}.top-actions{width:100%}.top-actions select{flex:1}.toolbar{flex-direction:column;align-items:flex-start}.toolbar>div:last-child{width:100%}.toolbar button{flex:1}.board{grid-template-columns:repeat(4,88vw);padding:0 8px 12px}.customer-grid,.address-grid{grid-template-columns:1fr}.address-grid .wide{grid-column:auto}.modal-backdrop{padding:7px}.modal{border-radius:14px}.secondary-actions{grid-template-columns:1fr 1fr 1fr}}.pos-state{color:#555;background:#f2f2f2;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin:-2px 0 8px;padding:6px 8px;font-size:11px;display:flex}.pos-state strong{letter-spacing:.06em;font-size:10px}.pos-succeeded{color:#17633b;background:#e8f7ee}.pos-awaiting-webhook,.pos-processing,.pos-pending{color:#785d0a;background:#fff4cf}.pos-failed-permanent,.pos-failed-retryable{color:#9c2626;background:#ffe3e3}.pos-not-sent{color:#777;background:#f2f2f2}.driver-pick{align-items:center;gap:8px;font-size:12px;display:flex}.driver-pick select{background:#fff;border:1px solid #ddd;border-radius:8px;max-width:180px;padding:7px}