:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f8;--surface:#fff;--ink:#1c2530;--muted:#6b7786;--accent:#2b5fd9;--accent-dark:#1f47ab;--accent-light:#e8eefc;--success:#1f9d55;--success-light:#e6f6ec;--danger:#d9402b;--danger-light:#fbe9e7;--warn:#c7840f;--warn-light:#fdf1dc;--border:#e2e6ea;--shadow:0 1px 3px #141e3214, 0 1px 2px #141e320f;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--app-max-width:480px;--header-h:56px;--nav-h:64px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#e4e7eb}#root{justify-content:center;height:100dvh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}svg{flex-shrink:0;width:20px;height:20px}.app-shell{width:100%;max-width:var(--app-max-width);background:var(--bg);height:100%;box-shadow:0 0 0 1px var(--border);flex-direction:column;display:flex;position:relative}.app-header{height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:sticky;top:0}.app-header h1{margin:0;font-size:17px;font-weight:700}.app-header__icon-btn{width:36px;height:36px;color:var(--muted);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;display:flex}.app-header__icon-btn:active{background:var(--bg)}.app-content{-webkit-overflow-scrolling:touch;min-height:0;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));flex:1;overflow-y:auto}.bottom-nav{height:var(--nav-h);background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px);z-index:10;flex-shrink:0;align-items:stretch;display:flex;position:sticky;bottom:0}.bottom-nav__item{color:var(--muted);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 2px;font-size:11px;font-weight:600;display:flex}.bottom-nav__item svg{width:22px;height:22px}.bottom-nav__item.active{color:var(--accent)}.bottom-nav__fab{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;display:flex;position:relative}.bottom-nav__fab-circle{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:46px;height:46px;margin-top:-14px;display:flex;box-shadow:0 4px 10px #2b5fd966}.bottom-nav__fab-circle svg{width:24px;height:24px}.bottom-nav__fab span{color:var(--muted);margin-top:3px;font-size:11px;font-weight:600}.bottom-nav__fab.active .bottom-nav__fab-circle{background:var(--accent-dark)}.bottom-nav__fab.active span{color:var(--accent)}.btn{border-radius:var(--radius-sm);border:none;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:11px 16px;font-size:14px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:active{background:var(--accent-dark)}.btn-outline{border:1px solid var(--border);color:var(--ink);background:0 0}.btn-outline:active{border-color:var(--accent);color:var(--accent-dark)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:active{opacity:.9}.btn-sm{min-height:32px;padding:7px 12px;font-size:13px}.btn-block{width:100%}.btn-icon{width:36px;min-height:36px;padding:8px}.btn-icon svg{width:18px;height:18px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow)}.list-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);margin-bottom:10px;padding:14px}.list-card:active{background:var(--bg)}.list-card__top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.list-card__title{font-size:15px;font-weight:600}.list-card__subtitle{color:var(--muted);margin-top:2px;font-size:12px}.list-card__meta{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.list-card__actions{gap:6px;margin-top:10px;display:flex}.badge{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-light);color:var(--success)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-warn{background:var(--warn-light);color:var(--warn)}.badge-muted{background:var(--bg);color:var(--muted)}.search-input{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);width:100%;padding:10px 14px;font-size:14px}.search-input:focus{border-color:var(--accent);outline:none}.form-field{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.form-field label{color:var(--muted);font-size:13px;font-weight:500}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;padding:10px 12px;font-family:inherit;font-size:14px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent)}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.error-text{color:var(--danger);margin-bottom:12px;font-size:13px}.success-text{color:var(--success);margin-bottom:12px;font-size:13px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:14px}.stat-card__label{color:var(--muted);margin-bottom:6px;font-size:12px}.stat-card__value{font-size:22px;font-weight:700}.empty-state{text-align:center;color:var(--muted);padding:40px 20px;font-size:14px}.section-title{margin:0 0 12px;font-size:15px;font-weight:700}.modal-backdrop{z-index:50;background:#141e3273;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:var(--app-max-width);flex-direction:column;max-height:88dvh;display:flex;overflow:hidden}.modal h2{margin:0 0 16px;font-size:17px}.modal__header{flex-shrink:0;padding:20px 20px 0}.modal__header h2{margin-bottom:12px}.modal__body{flex:1;min-height:0;padding:0 20px;overflow-y:auto}.modal__footer{padding:14px 20px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;gap:10px;display:flex;box-shadow:0 -6px 16px #141e320f}.modal__spacer{flex-shrink:0;height:16px}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:340px;box-shadow:var(--shadow);margin:14vh auto;padding:28px 24px}.auth-card h1{margin:0 0 4px;font-size:20px}.auth-card p{color:var(--muted);margin:0 0 20px;font-size:13px}.qty-input{text-align:center;background:0 0;border:none;width:36px;font-size:14px}.order-item-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 0;display:flex}.order-item-row:last-child{border-bottom:none}.order-item-row__name{flex:1;font-size:13px}.qty-control{border:1px solid var(--border);background:var(--bg);border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex}.qty-control button{background:var(--surface);width:26px;height:26px;color:var(--ink);border:none;border-radius:999px;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;box-shadow:0 1px 2px #141e321f}.qty-control button:active{transform:scale(.92)}.avatar{background:var(--accent-light);width:42px;height:42px;color:var(--accent-dark);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.avatar-sm{border-radius:10px;width:34px;height:34px;font-size:13px}.avatar-round{border-radius:999px}.section-heading{align-items:center;gap:8px;margin:24px 0 12px;display:flex}.section-heading:first-child{margin-top:0}.section-heading__icon{background:var(--accent-light);width:26px;height:26px;color:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.section-heading__icon svg{width:15px;height:15px}.section-heading h2{margin:0;font-size:15px;font-weight:700}.section-heading__count{color:var(--accent);background:var(--accent-light);border-radius:999px;margin-left:auto;padding:3px 9px;font-size:12px;font-weight:700}.customer-card-empty{border:1.5px dashed var(--border);border-radius:var(--radius-md);background:var(--surface);text-align:left;align-items:center;gap:12px;width:100%;padding:14px;display:flex}.customer-card-empty:active{border-color:var(--accent);background:var(--accent-light)}.customer-card-empty__icon{background:var(--accent-light);width:42px;height:42px;color:var(--accent);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.customer-card-empty__title{font-size:14px;font-weight:600}.customer-card-empty__subtitle{color:var(--muted);margin-top:1px;font-size:12px}.customer-summary{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-light) 0%, #eaf0fd 100%);text-align:left;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px;display:flex}.customer-summary__name{align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.customer-summary__meta{color:var(--muted);margin-top:2px;font-size:12px}.customer-summary__chevron{color:var(--accent);flex-shrink:0;display:flex}.customer-summary__chevron svg{width:18px;height:18px}.product-pick-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.product-pick-card{text-align:left;border:1px solid var(--border);flex-direction:column;gap:8px;padding:12px;transition:transform .1s;display:flex;position:relative}.product-pick-card:active{background:var(--bg);transform:scale(.96)}.product-pick-card[disabled]{opacity:.5}.product-pick-card__name{font-size:13.5px;font-weight:600;line-height:1.3}.product-pick-card__sku{color:var(--muted);font-size:11px}.product-pick-card__bottom{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.product-pick-card__price{color:var(--accent-dark);font-size:14px;font-weight:700}.product-pick-card__badge{background:var(--accent);color:#fff;border:2px solid var(--bg);border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-7px;right:-7px;box-shadow:0 3px 8px #2b5fd966}.cart-line{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;display:flex}.cart-line:last-child{border-bottom:none}.cart-line__info{flex:1;min-width:0}.cart-line__name{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.cart-line__price{color:var(--muted);margin-top:1px;font-size:12px}.cart-line__remove{background:var(--danger-light);color:var(--danger);border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.cart-line__remove svg{width:14px;height:14px}.checkout-bar{left:0;right:0;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));max-width:var(--app-max-width);background:var(--surface);border-top:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));margin:0 auto;position:fixed;box-shadow:0 -8px 20px #141e3214}.checkout-bar__row{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.checkout-bar__label{color:var(--muted);font-size:13px;font-weight:600}.checkout-bar__total{color:var(--ink);font-size:19px;font-weight:800}@media (width>=540px){.app-shell{border-radius:var(--radius-lg);height:calc(100dvh - 32px);margin:16px 0;overflow:hidden}}