:root{font-family:Inter,Segoe UI,Roboto,sans-serif;color:#1e293b;background:#f1f5f9;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;min-width:320px;background:#f1f5f9}button,input,select,textarea{font:inherit}button{cursor:pointer}.page-shell{min-height:100vh;background:#f1f5f9}.launch-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#f1f5f9}.launch-card{width:min(100%,900px);text-align:center;padding:40px 32px 28px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000014}.launch-logo{width:120px;height:auto;margin-bottom:12px}.launch-copy h1{margin:0;font-size:2.25rem;font-weight:700;color:#1e3a5f;letter-spacing:-.02em}.launch-eyebrow{margin:0 0 4px;font-size:.85rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.08em}.launch-form{margin-top:28px}.launch-row{display:grid;grid-template-columns:200px minmax(280px,420px);align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.launch-label{text-align:right;font-size:.95rem;font-weight:500;color:#374151}.launch-input{width:100%;height:40px;padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#1e293b;transition:border-color .15s,box-shadow .15s}.launch-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.launch-actions{display:flex;justify-content:flex-end;width:min(100%,636px);margin:8px auto 16px}.launch-error{color:#dc2626;margin:0 auto 12px;max-width:636px;text-align:left;font-size:.9rem}.version-copy{text-align:center;margin:16px 0 0;font-size:.8rem;color:#94a3b8}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#f1f5f9}.login-card{width:min(100%,400px);text-align:center;padding:40px 32px 32px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000014}.login-copy h1{margin:0;font-size:1.875rem;font-weight:700;color:#1e3a5f;letter-spacing:-.02em}.login-tabs{display:flex;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;margin:20px 0 24px;background:#f8fafc}.login-tab{flex:1;padding:10px 8px;border:0;background:transparent;color:#64748b;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .12s,color .12s}.login-tab.is-active{background:#1e3a5f;color:#fff;font-weight:600}.pin-display{display:flex;justify-content:center;gap:16px;margin-bottom:28px}.pin-dot{width:18px;height:18px;border-radius:50%;border:2px solid #cbd5e1;background:transparent;transition:background .1s,border-color .1s}.pin-dot.filled{background:#1e3a5f;border-color:#1e3a5f}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:280px;margin:0 auto}.pin-key{height:68px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#1e293b;font-size:1.5rem;font-weight:500;cursor:pointer;transition:background .1s,border-color .1s;touch-action:manipulation}.pin-key:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.pin-key:active:not(:disabled){background:#e2e8f0}.pin-key:disabled{opacity:.5;cursor:default}.pin-key--enter{background:#1e3a5f;border-color:#1e3a5f;color:#fff}.pin-key--enter:hover:not(:disabled){background:#2d5282;border-color:#2d5282}.pin-key--del{color:#dc2626}.credentials-section{margin-top:4px}.credentials-section .launch-row{grid-template-columns:100px 1fr}.app-header{height:60px;display:flex;align-items:center;gap:8px;padding:0 16px;background:#1e3a5f;border-bottom:1px solid #162d4a;color:#fff}.icon-button{width:40px;height:40px;border:0;background:transparent;color:#ffffffd9;font-size:1.25rem;border-radius:6px;transition:background .12s}.icon-button:hover{background:#ffffff1f}.app-header__title{font-size:1.1rem;font-weight:600;color:#fff;letter-spacing:-.01em}.app-header__actions{margin-left:auto}.app-header__user{margin-left:auto;font-size:.85rem;font-weight:500;color:#ffffffbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.vue-summary{display:flex;align-items:center;gap:8px;padding:4px 10px;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;border-radius:6px;font-size:1rem;color:#fff}.summary-button,.mini-button,.secondary-button,.primary-button,.qty-button,.tab-button,.text-button,.drawer-link,.product-remove{border:1px solid #2563eb;border-radius:6px;background:#2563eb;color:#fff}.summary-button,.mini-button,.secondary-button,.primary-button,.qty-button,.tab-button,.text-button,.drawer-link{padding:7px 14px;font-weight:500;font-size:.9rem;transition:background .12s,border-color .12s,box-shadow .12s}.primary-button:hover,.secondary-button:hover,.summary-button:hover,.mini-button:hover{background:#1d4ed8;border-color:#1d4ed8}.primary-button:active,.secondary-button:active{background:#1e40af;border-color:#1e40af}.secondary-button{background:#fff;color:#2563eb}.secondary-button:hover{background:#eff6ff;border-color:#2563eb;color:#2563eb}.pos-page{position:relative;width:min(100%,800px);min-height:1400px;margin:0 auto;overflow:hidden}.pos-background{position:absolute;top:0;left:0;z-index:0;width:800px;height:1400px;max-width:none}.pos-layer{position:relative;z-index:1;width:min(100%,800px);min-height:1400px}.page-content{padding:0}.pos-content{padding-bottom:16px}.table-page{padding:16px}.vue-tabs{display:flex;min-height:48px;border-bottom:2px solid #e2e8f0;background:#fff}.tab-button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:0 18px;min-height:48px;color:#64748b;font-weight:500;margin-bottom:-2px;transition:color .12s,border-color .12s}.tab-button.is-active{background:transparent;border-bottom-color:#2563eb;color:#2563eb;font-weight:600}.product-group{padding:0}.group-heading{margin:0;background:#1e3a5f;color:#fff;text-align:center;font-size:1.1rem;font-weight:600;padding:6px 0;letter-spacing:.02em;text-transform:uppercase}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,180px));gap:6px 8px;padding:6px}.product-card{position:relative;display:flex;align-items:center;justify-content:center;width:180px;min-height:60px;padding:8px 24px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 4px #0000000f;cursor:pointer;transition:box-shadow .12s,border-color .12s,background .12s}.product-card:hover{box-shadow:0 3px 10px #0000001a;border-color:#93c5fd;background:#eff6ff}.product-card.is-tall{min-height:70px}.product-name{text-align:center;font-size:1rem;color:#1e293b;font-weight:500}.product-remove{position:absolute;top:-5px;left:-5px;width:28px;height:28px;padding:0;border:0;background:transparent;color:#dc2626;font-size:1.25rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.product-qty{position:absolute;top:2px;right:8px;font-size:1rem;font-weight:700;color:#2563eb}.queue-row{display:flex;align-items:center;padding:10px 8px 0}.queue-indicator{display:flex;align-items:center;gap:6px;min-width:100px}.queue-icon{font-size:1.25rem}.queue-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#2563eb;color:#fff;font-size:.8rem;font-weight:700}.quantity-pad{display:flex;gap:12px;margin-left:auto;margin-right:auto}.qty-button{min-width:46px;min-height:46px;font-size:1.2rem;font-weight:600}.qty-button.is-active{background:#1d4ed8;border-color:#1d4ed8}.sticky-footer{display:flex;align-items:center;gap:12px}.bottom-nav{min-height:56px;padding:8px 12px;border-top:1px solid #e2e8f0;background:#fff}.footer-actions{display:flex;align-items:center;gap:8px}.footer-actions--end{margin-left:auto}.modal-backdrop,.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66}.modal-backdrop{z-index:20;display:flex;align-items:center;justify-content:center;padding:16px}.modal-card{width:min(100%,500px);background:#fff;padding:20px;border-radius:10px;box-shadow:0 8px 40px #00000024}.modal-card--compact{width:min(100%,400px)}.modal-card--orders{width:min(100%,500px)}.order-modal-delivery{margin-bottom:10px;padding:10px 8px;border-bottom:1px solid #f1f5f9;font-size:.9rem;color:#475569}.order-modal-delivery__line{margin:0 0 4px}.order-modal-delivery__line:last-child{margin-bottom:0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid #f1f5f9;margin-top:4px}.table-grid{display:grid;align-items:center;gap:8px;padding:8px 4px}.amber-header{background:#1e3a5f;color:#fff;font-weight:600;font-size:.85rem;letter-spacing:.03em;text-transform:uppercase;border-radius:4px}.table-grid--order{grid-template-columns:5fr 1fr 2fr 2fr 1fr}.table-grid--orders{grid-template-columns:1fr 2fr 6fr 1fr 1fr 1fr}.table-grid--market{grid-template-columns:5fr 1fr 1fr 1fr 1fr 1fr 1fr}.table-grid--market>*:nth-child(5){text-align:center}.subtotal-card{display:grid;grid-template-columns:11fr 1fr;padding:10px 12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;margin:4px 0 8px;text-align:right;font-weight:600;color:#1e3a5f}.market-summary-grid{display:grid;gap:8px}.market-summary-grid--top{grid-template-columns:repeat(3,1fr);padding:8px}.field{display:grid;gap:4px}.field span{font-size:.8rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.field input,.field textarea,.field select{width:100%;padding:8px 10px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#1e293b;transition:border-color .15s,box-shadow .15s}.field input{height:40px}.field textarea{min-height:72px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.field--wide{position:relative}.delivery-panel{padding:2px 2px 4px}.delivery-panel--md{width:min(100%,960px)}.delivery-form-grid{display:grid;grid-template-columns:280px minmax(420px,1fr);gap:2px;align-items:start}.delivery-address-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:2px;margin-top:2px}.delivery-customer-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr);gap:2px;margin-top:2px}.field--span-half{grid-column:span 1}.field--suburb-wide{grid-column:span 2}.field--full{grid-column:1 / -1}.helper-copy,.delivery-message{display:block;margin-top:2px;color:#64748b;font-size:.85rem}.delivery-message{margin-bottom:0}.delivery-message--error{color:#dc2626;font-weight:500}.suggestion-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:4;border:1px solid #e2e8f0;background:#fff;max-height:220px;overflow-y:auto;box-shadow:0 4px 16px #0000001a;border-radius:6px}.suggestion-item{width:100%;text-align:left;border:0;border-bottom:1px solid #f1f5f9;background:#fff;padding:10px 14px;color:#1e293b;font-size:.9rem;transition:background 80ms}.suggestion-item:last-child{border-bottom:0}.suggestion-item:hover{background:#eff6ff}.metrics-row{display:grid;gap:8px;padding:0 8px 12px}.metrics-row--market{grid-template-columns:repeat(4,1fr);border-bottom:1px solid #e2e8f0;margin-bottom:8px;min-width:0}.metrics-row--market .metric-card{min-width:0;overflow:hidden}.metrics-row--market .metric-value{font-size:clamp(.75rem,2vw,.95rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.metrics-row--market .metric-label{font-size:clamp(.6rem,1.5vw,.7rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.metric-card{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:5px 10px;gap:1px}.metric-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.metric-value{font-size:.95rem;font-weight:700;color:#1e3a5f}.metric-card--highlight{background:#1e3a5f;border-color:#1e3a5f}.metric-card--highlight .metric-label{color:#ffffffb3}.metric-card--highlight .metric-value{color:#fff}.toggle-row{display:flex;align-items:center;gap:8px}.footer-total{margin-left:auto!important;font-size:1.1rem;font-weight:600;color:#1e3a5f}.app-drawer{position:fixed;top:0;left:-260px;width:256px;height:100vh;z-index:30;background:#fff;border-right:1px solid #e2e8f0;transition:left .16s ease;padding-top:68px;box-shadow:4px 0 20px #00000014}.app-drawer.is-open{left:0}.drawer-nav{display:grid}.drawer-link{border:0;border-radius:0;background:#fff;color:#374151;text-align:left;text-decoration:none;padding:13px 20px;font-weight:500;font-size:.95rem;transition:background .1s,color .1s}.drawer-link:hover{background:#f1f5f9;color:#1e3a5f}.drawer-link.is-active{background:#eff6ff;color:#2563eb;border-left:3px solid #2563eb}.drawer-link--button{width:100%}.status-copy{color:#64748b;font-size:.85rem}@media (max-width: 900px){.launch-row{grid-template-columns:1fr}.launch-label{text-align:left}.launch-actions{width:100%;justify-content:flex-start}.product-grid{grid-template-columns:repeat(auto-fit,minmax(180px,180px));justify-content:center}.delivery-form-grid,.delivery-address-grid{grid-template-columns:1fr}.bottom-nav,.queue-row{flex-wrap:wrap}.footer-actions--end{margin-left:0}}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll .table-grid--market,.table-scroll .table-grid--orders,.table-scroll .table-grid--order,.table-scroll .table-grid--header{min-width:640px}