:root{font-family:Inter,system-ui,sans-serif;color:#1f2937;background:#f8fafc;--surface: rgba(255, 255, 255, .95);--surface-border: #e2e8f0;--radius-lg: 14px;--radius-md: 10px;--shadow-soft: 0 6px 20px rgba(15, 23, 42, .08);--header-control-height: 48px;--header-control-radius: 12px;--header-gap: .5rem}*{box-sizing:border-box}body{margin:0}.app-shell{padding:1rem;max-width:1320px;margin:0 auto;position:relative;z-index:0}.app-shell.with-bg:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:var(--kiosk-bg);background-size:cover;background-position:center;filter:blur(var(--kiosk-blur));transform:scale(1.03);z-index:-2}.app-shell.with-bg:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,var(--kiosk-overlay));z-index:-1}.session-bar{background:#111827;color:#fff;padding:.85rem;border-radius:var(--radius-lg);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);align-items:center;gap:.9rem}.session-left{display:flex;gap:.8rem;align-items:center;min-width:0}.session-logo-btn{border:none;background:transparent;padding:0;min-height:auto;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.session-logo-btn:hover .header-logo{box-shadow:0 0 0 2px #94a3b873}.session-left-copy{min-width:0}.header-logo{width:56px;height:56px;border-radius:var(--radius-md);object-fit:cover;background:#fff}.header-logo.placeholder{display:grid;place-items:center;font-size:1.4rem}.session-bar .label{margin:0;opacity:.8}.session-bar h1{margin:.2rem 0 0;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-right{min-width:0;display:grid;justify-items:stretch}.header-right-grid{width:100%;display:grid;gap:var(--header-gap)}.header-row{display:grid;min-width:0;align-items:center}.header-row-top{grid-template-columns:minmax(0,1fr) auto;gap:var(--header-gap)}.status-chips{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:end;gap:var(--header-gap);min-width:0}.status-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--header-control-radius);border:1px solid rgba(148,163,184,.35);background:#94a3b82e;padding:0 .72rem;font-size:.84rem;font-weight:700;white-space:nowrap;min-width:0}.status-chip.online{background:#16a34a;border-color:#15803d;color:#fff}.status-chip.offline{background:#dc2626;border-color:#b91c1c;color:#fff}.status-chip-cashier{max-width:220px;overflow:hidden;text-overflow:ellipsis}.header-menu-cluster{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--header-gap);justify-content:end}.header-dropdown{position:relative;min-width:0}.header-dropdown[open]{z-index:10}.header-dropdown-trigger{list-style:none;display:inline-flex;align-items:center;justify-content:center;gap:.42rem;min-width:172px;min-height:var(--header-control-height);border-radius:var(--header-control-radius);border:1px solid #d1d9e5;background:#e2e8f0;color:#0f172a;padding:0 .72rem;font-size:.86rem;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.header-dropdown-trigger::-webkit-details-marker{display:none}.header-dropdown-trigger:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}.header-dropdown[open] .header-dropdown-trigger{background:#dbe4f0;border-color:#c5d0df}.header-dropdown-caret{font-size:.74rem;opacity:.78}.header-dropdown-menu{position:absolute;top:calc(100% + .38rem);right:0;min-width:232px;border-radius:12px;border:1px solid #d7dee9;background:#fffffffa;box-shadow:0 14px 28px #0f172a33;padding:.35rem;display:grid;gap:.22rem}.header-dropdown-item{width:100%;min-height:42px;display:inline-flex;align-items:center;justify-content:flex-start;gap:.48rem;border:1px solid transparent;border-radius:10px;background:transparent;color:#0f172a;padding:.4rem .55rem;text-align:left}.header-dropdown-item:hover{background:#f1f5f9}.header-dropdown-item.active{background:#dbeafe;border-color:#bfdbfe;color:#1e3a8a}.header-dropdown-item-label{font-size:.86rem;font-weight:700;letter-spacing:.01em;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.header-control{height:var(--header-control-height);min-height:var(--header-control-height);border-radius:var(--header-control-radius)}.header-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:0;padding:0 .75rem;border:1px solid transparent;white-space:nowrap}.header-action-btn.primary{background:#2563eb;color:#fff}.header-action-btn.secondary{background:#e2e8f0;color:#0f172a;border-color:#d1d9e5}.header-action-btn.neutral{background:#dbe2ea;color:#0f172a;border-color:#c4cfdd}.header-action-icon{width:1.15rem;height:1.15rem;display:inline-flex}.header-action-svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.header-action-label{font-size:.86rem;font-weight:700;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis}.header-action-lock{width:.9rem;height:.9rem;display:inline-flex;opacity:.85}.header-dropdown-item .header-action-lock{margin-left:auto}button{background:#2563eb;color:#fff;border:none;border-radius:var(--radius-md);padding:.65rem .9rem;min-height:44px;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}button.secondary{background:#e2e8f0;color:#0f172a}button.text{background:transparent;color:#2563eb;padding:.2rem .25rem;min-height:auto;border-radius:6px}button.text.danger-text{color:#b91c1c}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}.category-tabs{display:flex;gap:.45rem;margin:.5rem 0 .7rem;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.2rem;scrollbar-width:thin}.category-tabs button{white-space:nowrap;min-height:42px;padding:.5rem .75rem;background:#e2e8f0;color:#0f172a;border-radius:999px;font-size:.95rem}.category-tabs button.active{background:#0f172a;color:#fff}.kiosk-stepper{display:flex;gap:.5rem;margin:0 0 .8rem;overflow-x:auto;padding-bottom:.2rem}.step-chip{background:#e2e8f0;color:#334155;border:1px solid transparent;border-radius:999px;font-size:.9rem;font-weight:700;min-height:42px;padding:.4rem .75rem;white-space:nowrap}.step-chip.active{background:#0f172a;color:#fff;box-shadow:var(--shadow-soft)}.step-chip:disabled{opacity:.45}.session-name-box.compact{padding:.7rem .85rem;margin:.35rem 0 .7rem}.session-name-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.session-name-label{margin:0;font-weight:700;color:#0f172a;font-size:.95rem}.session-name-actions{display:flex;gap:.45rem;align-items:center}.session-name-preview{margin:.45rem 0 0;font-size:.95rem;color:#334155}.session-name-input{display:grid;gap:.35rem;margin-top:.45rem}.session-name-input span{font-size:.85rem;color:#475569;font-weight:600}.session-name-input input{margin:0;min-height:46px}.kiosk-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:.8rem;align-items:start}.kiosk-layout.one-column{grid-template-columns:minmax(0,1fr)}.kiosk-cart-column{position:sticky;top:.8rem;align-self:start;display:grid;gap:.6rem}.kiosk-layout-step-one .kiosk-cart-column{margin-top:0}.kiosk-items-swipe-zone{min-width:0;touch-action:pan-y}@media (min-width: 901px){.app-shell.kiosk-step-one-shell{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.app-shell.kiosk-step-one-shell .kiosk-layout-step-one{flex:1;min-height:0;grid-template-rows:minmax(0,1fr);align-items:stretch}.app-shell.kiosk-step-one-shell .kiosk-items-swipe-zone,.app-shell.kiosk-step-one-shell .item-grid-section{min-height:0;height:100%}.app-shell.kiosk-step-one-shell .item-grid-frame{height:100%;overflow-y:auto;overscroll-behavior:contain}.app-shell.kiosk-step-one-shell .kiosk-cart-column{align-self:start}}@media (min-width: 901px) and (max-width: 1366px) and (max-height: 900px){.app-shell.kiosk-step-two-shell{min-height:100dvh;padding:.75rem .85rem}.app-shell.kiosk-step-two-shell .session-bar{padding:.72rem;gap:.7rem}.app-shell.kiosk-step-two-shell .header-logo{width:48px;height:48px}.app-shell.kiosk-step-two-shell .session-bar h1{font-size:clamp(1.05rem,1.6vw,1.25rem)}.app-shell.kiosk-step-two-shell .checkout-panel{padding:.78rem;gap:.55rem}.app-shell.kiosk-step-two-shell .checkout-title-row h2{font-size:1.65rem}.app-shell.kiosk-step-two-shell .checkout-total-inline{font-size:.95rem}.app-shell.kiosk-step-two-shell .checkout-total-inline strong{font-size:1.14rem}.app-shell.kiosk-step-two-shell .pay-method-buttons{gap:.42rem}.app-shell.kiosk-step-two-shell .pay-method-buttons button{min-height:50px;font-size:.98rem}.app-shell.kiosk-step-two-shell .checkout-flow-grid{gap:.65rem}.app-shell.kiosk-step-two-shell .checkout-flow-left,.app-shell.kiosk-step-two-shell .checkout-flow-right,.app-shell.kiosk-step-two-shell .cash-summary-block{gap:.45rem}.app-shell.kiosk-step-two-shell .checkout-main-total{font-size:clamp(1.8rem,2.2vw,2.1rem)}.app-shell.kiosk-step-two-shell .checkout-field{gap:.25rem}.app-shell.kiosk-step-two-shell .cash-display{padding:.7rem;font-size:1.15rem}.app-shell.kiosk-step-two-shell .checkout-status{font-size:.95rem}.app-shell.kiosk-step-two-shell .checkout-method-box,.app-shell.kiosk-step-two-shell .checkout-side-box,.app-shell.kiosk-step-two-shell .mini-cart{padding:.55rem .6rem}.app-shell.kiosk-step-two-shell .mini-cart h4{margin-bottom:.22rem}.app-shell.kiosk-step-two-shell .mini-cart p,.app-shell.kiosk-step-two-shell .checkout-method-box p,.app-shell.kiosk-step-two-shell .checkout-side-box p{font-size:.86rem;line-height:1.25}.app-shell.kiosk-step-two-shell .quick-cash-block,.app-shell.kiosk-step-two-shell .numpad-block{gap:.28rem}.app-shell.kiosk-step-two-shell .checkout-side-title{font-size:.84rem}.app-shell.kiosk-step-two-shell .quick-cash-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem}.app-shell.kiosk-step-two-shell .quick-cash-buttons button{min-height:36px;font-size:.88rem}.app-shell.kiosk-step-two-shell .numpad-grid{gap:.3rem}.app-shell.kiosk-step-two-shell .numpad-btn{min-height:46px;font-size:1rem;padding:.38rem}.app-shell.kiosk-step-two-shell .checkout-primary-action{min-height:54px;font-size:.97rem}.app-shell.kiosk-step-two-shell .step-actions{margin-top:.4rem}}.item-grid-section{min-width:0}.item-grid-frame{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:.55rem}.item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.item-card{background:#fff;color:#0f172a;border:1px solid #dbe2ea;border-radius:12px;padding:.45rem;text-align:left;box-shadow:0 3px 10px #0f172a0d}.item-card:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a1f;border-color:#bfdbfe}.item-card:active{transform:translateY(0);box-shadow:0 3px 10px #0f172a14;background:#eff6ff}.item-card.disabled{opacity:.6}.badge-out{display:inline-block;font-size:.72rem;color:#b91c1c;font-weight:800;margin-top:.35rem}.item-photo-box{width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:9px;background:#f1f5f9}.item-photo{width:100%;height:100%;object-fit:cover;display:block}.item-photo-placeholder{width:100%;height:100%;display:grid;place-items:center;font-weight:600;color:#64748b;font-size:.9rem}.item-card .name{margin:.45rem 0 .2rem;font-weight:700;font-size:.97rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-card .price{margin:0;color:#0b1324;font-size:1rem;font-weight:800}.cart-panel,.checkout-panel,.admin-panel,.session-name-box{background:var(--surface);border-radius:var(--radius-lg);padding:.95rem;border:1px solid var(--surface-border);box-shadow:var(--shadow-soft)}.cart-panel{display:grid;gap:.6rem;max-height:calc(100vh - 7rem)}.cart-header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.cart-header h2{margin:0;font-size:1.15rem;color:#0f172a}.cart-count{font-size:.9rem;font-weight:700;color:#334155}.cart-list{margin:0;padding:0;list-style:none;display:grid;gap:.45rem;overflow:auto}.cart-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.5rem;align-items:center;padding:.3rem 0}.cart-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:#0f172a}.qty-controls{display:flex;gap:.35rem;align-items:center}.qty-controls strong{min-width:1.8rem;text-align:center;font-size:1rem}.qty-btn{width:3rem;min-width:3rem;min-height:3rem;border-radius:12px;padding:0;background:#e2e8f0;color:#0f172a;font-size:1.35rem;line-height:1}.qty-btn:hover{background:#cfd8e3}.cart-line-total{font-weight:700;color:#0b1324}.cart-summary{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #e2e8f0;padding-top:.6rem;margin-top:.25rem}.cart-summary strong{font-size:1.5rem;color:#0b1324}.cart-clear{width:100%;opacity:.8}.total{font-size:2rem;font-weight:800;margin:.8rem 0;color:#0b1324}.checkout-panel{margin-top:0;display:grid;gap:.75rem}.checkout-title-row{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem}.checkout-title-row h2{margin:0;font-size:1.9rem}.checkout-total-inline{margin:0;color:#334155;font-size:1rem;font-weight:600}.checkout-total-inline strong{color:#0b1324;font-size:1.25rem}.pay-method-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-bottom:.2rem}.pay-method-buttons button{min-height:58px;font-size:1.03rem;border-radius:12px;background:#c8d4ea;color:#0f172a}.pay-method-buttons button.active{background:#0f172a;color:#fff;box-shadow:var(--shadow-soft)}.checkout-flow-grid{display:grid;grid-template-columns:3fr 2fr;gap:.8rem;align-items:stretch}.checkout-flow-left,.checkout-flow-right{display:grid;gap:.6rem;align-content:start}.checkout-main-total{margin:0;font-size:clamp(2rem,3vw,2.4rem);font-weight:800;color:#0b1324}.cash-summary-block{display:grid;gap:.55rem}.checkout-field{display:grid;gap:.35rem}.checkout-field span{font-weight:700;color:#334155}.cash-display{width:100%;margin:0;padding:.82rem;border-radius:10px;border:1px solid #cbd5e1;font-size:1.3rem;font-weight:700;background:#f8fafc}.checkout-status{margin:0;font-size:1.02rem;font-weight:700}.checkout-status.missing{color:#dc2626}.checkout-status.change{color:#166534}.checkout-method-box,.checkout-side-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:.72rem}.checkout-method-box h3,.checkout-side-box h3{margin:0 0 .3rem;color:#0f172a}.checkout-method-box p,.checkout-side-box p{margin:.2rem 0;color:#334155}.mini-cart{background:#f8fafc;border-radius:10px;padding:.6rem}.mini-cart h4{margin:0 0 .35rem}.mini-cart p{margin:.15rem 0;font-size:.9rem}.quick-cash-block,.numpad-block{display:grid;gap:.35rem}.checkout-side-title{margin:0;font-size:.9rem;font-weight:700;color:#334155}.quick-cash-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.quick-cash-buttons button{min-height:42px}.numpad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.numpad-btn{min-height:56px;font-size:1.08rem;padding:.55rem}.numpad-btn.wide{grid-column:span 3}.confirm{width:100%;font-size:1rem;padding:.9rem;min-height:52px}.checkout-cta{font-size:1.1rem;font-weight:800;min-height:58px}.checkout-primary-action{min-height:62px;font-size:1.03rem;margin-top:auto}.step-actions{display:flex;justify-content:flex-end;margin-top:.6rem}.admin-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:.8rem;align-items:start}.admin-layout.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}.admin-sidebar{background:#fffffff2;border:1px solid #e5e7eb;border-radius:14px;padding:.75rem;position:sticky;top:.8rem;min-height:calc(100vh - 1.6rem);display:grid;grid-template-rows:auto 1fr;gap:.6rem}.admin-sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:.45rem}.admin-sidebar-top h2{margin:0;font-size:1rem}.admin-collapse-btn{min-height:44px;min-width:44px;padding:0;border-radius:10px;font-weight:800}.admin-nav{display:grid;gap:.4rem;align-content:start}.admin-nav-btn{width:100%;text-align:left;display:inline-flex;align-items:center;gap:.55rem;min-height:46px;font-size:.95rem}.admin-nav-btn.active{background:#0f172a;color:#fff;box-shadow:0 6px 16px #0f172a2e}.admin-nav-btn.secondary{background:#e2e8f0;color:#0f172a}.admin-nav-icon{width:2rem;min-width:2rem;height:2rem;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;background:#fff3}.admin-layout.sidebar-collapsed .admin-nav-label{display:none}.admin-layout.sidebar-collapsed .admin-nav-btn{justify-content:center}.admin-main{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.6rem;min-height:calc(100vh - 1.6rem)}.admin-main-header{background:#fffffff2;border:1px solid #e5e7eb;border-radius:12px;padding:.55rem .7rem;display:flex;align-items:center;gap:.55rem}.admin-main-header h3{margin:0;font-size:1rem}.admin-menu-btn{display:none;min-height:44px;min-width:44px;padding:0}.admin-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;border:none;padding:0;z-index:29}.admin-content{min-width:0;min-height:0;overflow:auto;padding-right:.2rem}.fixed-table-height{max-height:52vh;overflow:auto}.fixed-grid-height{max-height:30vh;overflow:auto}.row-actions{display:flex;flex-wrap:wrap;gap:.35rem}.inventory-filters{display:grid;gap:.6rem;margin-bottom:.75rem}.inventory-tabs{display:flex;gap:.4rem;flex-wrap:wrap}.inventory-categories{display:flex;gap:.35rem;flex-wrap:wrap}.inventory-categories button,.inventory-tabs button{min-height:38px;padding:.35rem .7rem}.inventory-stock-cell{font-weight:800;color:#0f172a}.inventory-threshold-input{width:90px;min-height:36px}.inventory-status{display:inline-flex;align-items:center;border-radius:999px;padding:.25rem .55rem;font-size:.78rem;font-weight:700}.inventory-status.available{background:#dcfce7;color:#166534}.inventory-status.low{background:#fef3c7;color:#92400e}.inventory-status.out{background:#fee2e2;color:#991b1b}.inventory-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem}.inventory-quick-actions button{min-height:34px;padding:.25rem .35rem;font-size:.82rem}.inventory-history-header{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.inventory-history-header h3{margin:0}.inventory-warning{margin:.45rem 0 .6rem;border:1px solid #f59e0b;background:#fff7ed;color:#9a3412;border-radius:10px;padding:.55rem .65rem}.inventory-movement-delta.pos{color:#166534;font-weight:700}.inventory-movement-delta.neg{color:#b91c1c;font-weight:700}.inventory-modal-grid{display:grid;gap:.35rem}.admin-panel{padding:.75rem}.admin-auth-shell{width:100%;min-height:clamp(180px,36vh,360px);display:flex;align-items:flex-start;justify-content:center;padding:.35rem .25rem .25rem}.admin-auth-panel{width:100%;max-width:460px;margin:0}.admin-auth-panel h3{margin-top:0;text-align:center}.admin-auth-panel button{width:100%}.admin-crud,.admin-head,.admin-section-block{margin-bottom:.75rem}.admin-crud.compact{margin-bottom:.55rem}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:.55rem}.admin-head.compact{margin-bottom:.5rem}.admin-head-actions{display:inline-flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.table-sort-btn{display:inline-flex;align-items:center;gap:.25rem;color:#1f2937;font-weight:700;padding:0}.table-sort-btn.active{color:#0f172a}.table-sort-indicator{font-size:.75rem;opacity:.7}.crud-new-item,.appearance-grid,.settings-fields-two{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:.5rem;align-items:start;margin-bottom:.6rem}.admin-crud-actions{display:flex;justify-content:flex-end;gap:.45rem}.file-upload{display:inline-flex;align-items:center;gap:.35rem}.file-upload input[type=file]{max-width:180px}.items-admin-list{display:grid;gap:.5rem}.item-row-admin{display:grid;grid-template-columns:repeat(6,minmax(90px,1fr));gap:.4rem;align-items:center}.item-row-admin input{padding:.45rem}.admin-thumb{width:78px;height:78px;object-fit:cover;border-radius:8px;border:1px solid #cbd5e1}.admin-thumb.placeholder{display:grid;place-items:center;background:#f1f5f9;color:#64748b;font-size:.8rem}.small-btn{min-height:38px;padding:.35rem .7rem;width:auto}.settings-tabs{display:flex;gap:.4rem;margin-bottom:.6rem;overflow-x:auto;padding-bottom:.2rem}.settings-tab{min-height:42px;white-space:nowrap;padding:.45rem .75rem}.settings-media-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:.6rem;margin-bottom:.6rem}.settings-media-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.55rem;display:grid;gap:.45rem;align-content:start}.media-preview{width:100%;height:86px;max-width:none}.settings-controls-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:.6rem;margin-bottom:.6rem}.settings-switches{display:grid;gap:.45rem;margin-bottom:.6rem}.session-settings-list{display:grid;gap:.55rem}.session-settings-row{border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;padding:.6rem .65rem;display:grid;gap:.45rem}.session-settings-row-head{display:flex;align-items:center;justify-content:space-between;gap:.45rem}.session-settings-title{margin:0;font-weight:700;color:#0f172a}.session-settings-status{margin:0;font-size:.82rem;font-weight:700}.session-settings-status.on{color:#166534}.session-settings-status.off{color:#b91c1c}.report-filters-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:.55rem;margin-bottom:.55rem;align-items:end}.report-source-note{margin:.25rem 0 0}.report-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.55rem}.report-mini-grid article{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.6rem}.report-mini-grid h4{margin:0 0 .35rem}.report-mini-grid p{margin:.12rem 0;font-size:.92rem}.report-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .8rem;margin-bottom:.6rem}.report-detail-grid p{margin:0;font-size:.92rem}.reports-tabs{display:flex;gap:.45rem;margin:0 0 .7rem;overflow-x:auto;padding-bottom:.15rem}.reports-tab{min-height:40px;white-space:nowrap;border:1px solid #d1d9e5;background:#e2e8f0;color:#0f172a}.reports-tab.active{background:#0f172a;border-color:#0f172a;color:#fff}.reports-tab-content{display:grid;gap:.65rem}.reports-kpi-grid{margin-bottom:.1rem}.reports-kpi-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.6rem}.reports-kpi-card h4{margin:0 0 .35rem;font-size:.84rem;color:#334155}.reports-kpi-card p{margin:0;font-size:1.05rem;font-weight:800;color:#0f172a}.reports-kpi-card.highlight{background:#ecfeff;border-color:#99f6e4}.reports-kpi-card.highlight p{color:#0f766e}.reports-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:.6rem}.reports-card{margin-bottom:0;border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:.65rem}.reports-card h3{margin:0 0 .2rem}.reports-card .muted{margin:0 0 .45rem;font-size:.86rem}.report-bar-list{display:grid;gap:.55rem}.report-bar-row{display:grid;gap:.24rem}.report-bar-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.report-bar-head strong{font-size:.92rem;color:#0f172a}.report-bar-head span{text-align:right;font-size:.82rem;color:#64748b}.report-bar-track{width:100%;height:11px;border-radius:999px;background:#e5e7eb;overflow:hidden}.report-bar-fill{display:block;height:100%;border-radius:999px;background:#64748b;transition:width .22s ease}.report-bar-fill.payment-card{background:#2563eb}.report-bar-fill.payment-bizum{background:#0ea5e9}.report-bar-fill.payment-cash{background:#16a34a}.report-bar-fill.top-profit{background:#f59e0b}.report-bar-row .muted{margin:.12rem 0 0;font-size:.8rem}.report-hourly-chart{display:grid;grid-template-columns:repeat(24,minmax(18px,1fr));align-items:end;gap:.28rem;min-height:168px;overflow-x:auto;padding-bottom:.25rem}.report-hourly-slot{min-width:20px;display:grid;justify-items:center;gap:.2rem}.report-hourly-track{width:100%;height:130px;border-radius:8px;border:1px solid #e2e8f0;background:#eff2f7;display:flex;align-items:flex-end;justify-content:center;padding:2px}.report-hourly-fill{width:100%;min-height:0;border-radius:6px;background:linear-gradient(180deg,#0ea5e9,#2563eb)}.report-hourly-label{font-size:.68rem;color:#64748b}.report-top-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.55rem}.report-top-item{border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;padding:.55rem;display:grid;gap:.22rem}.report-top-head{display:flex;justify-content:space-between;align-items:baseline;gap:.35rem}.report-top-head strong{color:#0f172a}.report-top-head span{font-size:.8rem;color:#64748b}.report-top-item .muted{margin:0;font-size:.82rem}.report-top-profit{margin:.15rem 0 0;font-size:.84rem;font-weight:700;color:#92400e}.sync-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:.6rem;margin-bottom:.6rem}.sync-settings-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.55rem .65rem}.sync-settings-label{margin:0 0 .35rem;font-size:.82rem;color:#64748b}.sync-settings-value{margin:0;font-size:1rem;font-weight:700;color:#0f172a}.sync-settings-value.ok,.sync-settings-value.diag-ok{color:#166534}.sync-settings-value.offline,.sync-settings-value.diag-offline{color:#b91c1c}.sync-settings-value.diag-pending,.sync-settings-value.diag-syncing{color:#b45309}.sync-locks-section{margin:.75rem 0 .6rem}.sync-locks-section h5,.sync-release-box h5{margin:0 0 .45rem}.sync-lock-list{display:grid;gap:.5rem}.sync-lock-row{display:grid;grid-template-columns:1fr auto;gap:.6rem;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.55rem .65rem}.sync-lock-title{margin:0 0 .2rem;font-weight:700;color:#0f172a}.sync-lock-row .muted{margin:.08rem 0}.sync-release-box{margin-bottom:.55rem;padding:.6rem .7rem;border-radius:10px;border:1px solid #cbd5e1;background:#f8fafc}.sync-mobile-access{margin:.75rem 0 .65rem;padding:.65rem .7rem;border-radius:10px;border:1px solid #cbd5e1;background:#f8fafc}.sync-mobile-access h5{margin:0 0 .4rem}.sync-mobile-access-preview{display:grid;grid-template-columns:170px minmax(0,1fr);gap:.6rem;margin-top:.55rem;align-items:start}.sync-mobile-qr{width:170px;height:170px;border-radius:10px;border:1px solid #dbe4f0;background:#fff;display:grid;place-items:center;overflow:hidden}.sync-mobile-qr img{width:100%;height:100%;object-fit:cover}.sync-mobile-link-box{min-width:0}.sync-mobile-link-box .muted{margin:.2rem 0 0}.sync-success{margin:.4rem 0;color:#166534;font-weight:600}.switch-line{display:flex;justify-content:space-between;align-items:center;gap:.8rem;min-height:44px;padding:.45rem .55rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.switch-control{position:relative;display:inline-flex;width:46px;height:26px}.switch-control input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.switch-slider{width:100%;height:100%;background:#cbd5e1;border-radius:999px;transition:background-color .15s ease}.switch-slider:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .15s ease}.switch-control input:checked+.switch-slider{background:#2563eb}.switch-control input:checked+.switch-slider:before{transform:translate(20px)}.switch-control input:focus-visible+.switch-slider{outline:3px solid #1d4ed8;outline-offset:2px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:.55rem}.stats-grid article,.session-report article{background:#f8fafc;border-radius:10px;padding:.65rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:.5rem;border-bottom:1px solid #e5e7eb;text-align:left}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182766;display:grid;place-items:center;z-index:50;padding:.45rem}.modal{width:min(520px,95vw);background:#fff;border-radius:14px;padding:1rem;max-height:calc(100dvh - .9rem);overflow-y:auto}.modal input,.modal select,.session-name-box input,.admin-panel input,.admin-panel select{width:100%;margin-top:.4rem;margin-bottom:.7rem;padding:.55rem;border-radius:8px;border:1px solid #cbd5e1}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem}.modal-actions.stacked{flex-direction:column}.pin-numpad-floating{position:fixed;left:50%;bottom:max(.75rem,env(safe-area-inset-bottom));transform:translate(-50%);width:min(360px,calc(100vw - 1rem));background:#fff;border:1px solid #dbe4f0;border-radius:14px;box-shadow:0 16px 30px #0f172a33;padding:.65rem;z-index:70;display:grid;gap:.45rem}.pin-numpad-floating.pin-numpad-centered{position:static;left:auto;bottom:auto;transform:none;width:min(420px,100%);margin:.25rem auto 0;border-radius:16px}.pin-numpad-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.pin-numpad-title{margin:0;font-size:.92rem;font-weight:700;color:#0f172a}.pin-numpad-value{margin:0;font-size:.88rem;font-weight:700;color:#334155}.pin-numpad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.pin-numpad-btn{min-height:54px;font-size:1.18rem}.pin-numpad-confirm{min-height:52px;width:100%;font-weight:700}.pin-numpad-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.pin-numpad-cancel{min-height:52px;width:100%;font-weight:700}.cashier-modal{width:min(560px,95vw);padding-bottom:max(.9rem,env(safe-area-inset-bottom))}.picker-modal-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:.7rem;align-items:start}.picker-modal-list{min-width:0}.picker-side-numpad{align-self:start}.cashier-options{display:grid;gap:.6rem;margin:.75rem 0 .6rem;max-height:clamp(170px,30vh,320px);overflow-y:auto;overscroll-behavior:contain;padding-right:.2rem}.cashier-option{width:100%;min-height:58px;font-size:1rem;border:1px solid #cfd8e3}.cashier-option.active{background:#0f172a;color:#fff}.error{color:#dc2626}.muted{color:#6b7280}.loading{padding:1rem}.mobile-inventory-shell{width:100%;max-width:760px;margin:0 auto;padding:.35rem 0 .25rem}.mobile-inventory-card{border-radius:12px;border:1px solid #e2e8f0;background:#fff;box-shadow:var(--shadow-soft);padding:.75rem}.mobile-inventory-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.55rem}.mobile-inventory-head h3{margin:0}.mobile-inventory-head-actions{display:flex;gap:.45rem}.mobile-inventory-filters{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:.5rem;margin-bottom:.65rem}.mobile-inventory-filters input,.mobile-inventory-filters select{width:100%;margin-top:.35rem;margin-bottom:.2rem;padding:.5rem;border-radius:8px;border:1px solid #cbd5e1}.mobile-inventory-list{display:grid;gap:.55rem}.mobile-stock-item{border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;padding:.55rem}.mobile-stock-main{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem;align-items:center}.mobile-stock-thumb{width:64px;height:64px;border-radius:10px;object-fit:cover;border:1px solid #d4deea}.mobile-stock-thumb.placeholder{display:grid;place-items:center;background:#eef2f7;color:#64748b;font-size:.72rem}.mobile-stock-copy h4{margin:0 0 .1rem}.mobile-stock-copy .muted{margin:0 0 .12rem}.mobile-stock-state{margin:0;font-size:.92rem;color:#334155}.mobile-stock-state.ok{color:#166534}.mobile-stock-state.low{color:#b45309}.mobile-stock-state.out{color:#b91c1c}.mobile-stock-actions{margin-top:.5rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.ui-demo-page{max-width:1280px;padding-top:1.05rem;padding-bottom:1.1rem}.ui-demo-shell{display:grid;gap:.85rem}.ui-demo-hero{border-radius:18px;border:1px solid #cfdae8;background:radial-gradient(circle at 88% -6%,rgba(14,165,233,.2),transparent 44%),radial-gradient(circle at 4% 112%,rgba(59,130,246,.15),transparent 35%),linear-gradient(135deg,#f8fbff,#eaf2ff);box-shadow:0 10px 28px #0f172a1a;padding:1.05rem 1.15rem;animation:ui-demo-rise .32s ease-out}.ui-demo-eyebrow{margin:0 0 .28rem;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1d4ed8}.ui-demo-hero h2{margin:0;font-size:clamp(1.25rem,2.2vw,1.7rem);color:#0b1324}.ui-demo-hero p{margin:.4rem 0 0;color:#334155;line-height:1.45}.ui-demo-hero-actions{margin-top:.65rem;display:flex;flex-wrap:wrap;gap:.45rem}.ui-demo-chip-row{margin-top:.65rem;display:flex;flex-wrap:wrap;gap:.4rem}.ui-demo-chip{border-radius:999px;border:1px solid #cdd8ea;background:#fffc;color:#0f172a;font-size:.78rem;font-weight:700;padding:.28rem .62rem}.ui-demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.ui-demo-card{border-radius:14px;border:1px solid #d5dfec;background:#fffffff0;box-shadow:0 8px 22px #0f172a12;padding:.75rem .82rem}.ui-demo-card-wide{grid-column:1 / -1}.ui-demo-card h3{margin:0;color:#0f172a}.ui-demo-card .muted{margin:.2rem 0 .55rem}.ui-demo-button-row{display:flex;flex-wrap:wrap;gap:.42rem;margin-bottom:.55rem}.ui-demo-ghost-btn{background:#f8fafc;border:1px solid #cbd5e1;color:#0f172a}.ui-demo-danger-btn{background:#b91c1c;color:#fff}.ui-demo-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.ui-demo-form-grid label{display:grid;gap:.28rem;font-size:.85rem;font-weight:700;color:#334155}.ui-demo-form-grid input,.ui-demo-form-grid select{width:100%;min-height:44px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;padding:0 .62rem}.ui-demo-swatches{display:grid;gap:.42rem}.ui-demo-swatch-row{display:grid;grid-template-columns:auto 1fr;gap:.52rem;align-items:center}.ui-demo-swatch{width:20px;height:20px;border-radius:6px;border:1px solid rgba(15,23,42,.15)}.ui-demo-swatch.is-primary{background:#0f172a}.ui-demo-swatch.is-accent{background:#0ea5e9}.ui-demo-swatch.is-surface{background:#f8fafc}.ui-demo-swatch.is-success{background:#16a34a}.ui-demo-swatch.is-danger{background:#dc2626}.ui-demo-swatch-row p{margin:0;display:grid;gap:.06rem;font-size:.84rem;color:#334155}.ui-demo-checkout{display:grid;grid-template-columns:2fr minmax(180px,1fr);gap:.6rem}.ui-demo-checkout-main,.ui-demo-checkout-side{border-radius:12px;border:1px solid #d8e1ec;background:#f8fafc;padding:.62rem}.ui-demo-checkout-kicker{margin:0;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#1d4ed8}.ui-demo-checkout-total{margin:.24rem 0 .45rem;font-size:1.2rem;font-weight:800;color:#0b1324}.ui-demo-line-list{margin:0;padding:0;list-style:none;display:grid;gap:.32rem}.ui-demo-line-list li{border-radius:9px;border:1px solid #dce4ef;background:#fff;padding:.42rem .5rem;display:flex;align-items:center;justify-content:space-between;gap:.4rem;color:#0f172a;font-size:.88rem}.ui-demo-checkout-side{display:grid;align-content:start;gap:.45rem}.ui-demo-checkout-side-title{margin:0;font-size:.82rem;font-weight:800;color:#334155}.ui-demo-state-ok{margin:0;border-radius:999px;width:fit-content;border:1px solid #86efac;background:#dcfce7;color:#166534;font-size:.8rem;font-weight:700;padding:.28rem .62rem}.ui-demo-card .pin-numpad-floating.pin-numpad-centered{margin-top:.15rem}@keyframes ui-demo-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1023px){.session-bar{grid-template-columns:1fr;align-items:stretch}.session-right{justify-items:stretch}.header-row-top{grid-template-columns:1fr}.status-chips{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:initial;justify-content:stretch}.status-chip{justify-content:flex-start}.header-menu-cluster{width:100%;grid-auto-flow:row;grid-auto-columns:initial;grid-template-columns:repeat(2,minmax(0,1fr))}.header-dropdown{width:100%}.header-dropdown-trigger{width:100%;justify-content:flex-start}}@media (min-width: 700px){.item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.item-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.qty-btn{width:3.5rem;min-width:3.5rem;min-height:3.5rem}.cart-list{max-height:52vh}}@media (min-width: 1280px){.item-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.kiosk-layout-step-one .kiosk-cart-column{margin-top:0}}@media (max-width: 900px){.status-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.status-chip-cashier{grid-column:1 / -1;max-width:none}.header-menu-cluster{grid-template-columns:1fr}.header-dropdown-menu{right:auto;left:0;min-width:100%}.kiosk-layout{grid-template-columns:1fr}.kiosk-cart-column{position:static}.kiosk-layout-step-one .kiosk-cart-column{margin-top:0}.cart-panel{max-height:none}.admin-layout{grid-template-columns:1fr;min-height:auto}.admin-main{min-height:auto}.admin-menu-btn{display:inline-flex;align-items:center;justify-content:center}.admin-sidebar{position:fixed;top:0;left:0;bottom:0;width:min(78vw,260px);min-height:auto;z-index:30;transform:translate(-110%);transition:transform .16s ease;border-radius:0 12px 12px 0}.admin-layout.mobile-open .admin-sidebar{transform:translate(0)}.admin-overlay{display:none}.admin-layout.mobile-open .admin-overlay{display:block}.admin-collapse-btn{display:none}.checkout-title-row{align-items:flex-start;flex-direction:column}.checkout-flow-grid,.pay-method-buttons{grid-template-columns:1fr}.checkout-flow-right{gap:.45rem}.quick-cash-buttons button{min-height:40px;font-size:.95rem}.numpad-grid{gap:.32rem}.numpad-btn{min-height:48px;font-size:1rem;padding:.4rem}.checkout-primary-action{min-height:54px;font-size:.98rem}.stats-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.reports-dashboard-grid{grid-template-columns:1fr}.report-hourly-chart{grid-template-columns:repeat(24,minmax(22px,1fr))}.inventory-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.crud-new-item,.item-row-admin,.appearance-grid,.settings-fields-two,.settings-media-grid,.settings-controls-grid,.sync-settings-grid,.report-filters-grid,.report-detail-grid,.sync-lock-row,.sync-mobile-access-preview,.mobile-inventory-filters{grid-template-columns:1fr}.mobile-stock-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-head{align-items:flex-start}.admin-head-actions{justify-content:flex-start}.ui-demo-grid,.ui-demo-form-grid,.ui-demo-checkout{grid-template-columns:1fr}.pin-numpad-floating{width:calc(100vw - .8rem);max-width:420px;bottom:max(.35rem,env(safe-area-inset-bottom))}.pin-numpad-btn,.pin-numpad-confirm,.pin-numpad-cancel{min-height:50px}.pin-numpad-floating.pin-numpad-centered{width:100%;max-width:100%}.cashier-options{max-height:clamp(140px,26vh,260px)}}@media (min-width: 901px){.picker-modal-layout.with-numpad{grid-template-columns:minmax(0,1fr) minmax(290px,340px);gap:.75rem}.picker-modal-layout.with-numpad .cashier-options{max-height:clamp(220px,48vh,430px)}.picker-modal-layout.with-numpad .picker-side-numpad.pin-numpad-centered{width:100%;max-width:100%;margin:0}.admin-layout.sidebar-collapsed .admin-sidebar-top h2{font-size:0}.admin-layout.sidebar-collapsed .admin-sidebar-top h2:before{content:"PA";font-size:1rem}}.app-gate{min-height:100dvh;display:grid;place-items:center;padding:1.5rem;background:#f8fafc}.app-gate-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:1.75rem;display:flex;flex-direction:column;gap:1rem}.app-gate-logo{width:72px;height:72px;object-fit:contain;align-self:center}.app-gate-head{display:flex;flex-direction:column;gap:.3rem;text-align:center}.app-gate-head h1{margin:0;font-size:1.5rem}.app-gate-head p{margin:0;color:#64748b;font-size:.95rem}.app-gate-field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:#475569}.app-gate-field input{min-height:var(--header-control-height);padding:0 .75rem;font-size:1rem;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:#fff;color:#1f2937}.app-gate-field input:disabled{background:#f1f5f9}.app-gate-error{margin:0;padding:.6rem .75rem;border-radius:var(--radius-md);background:#fef2f2;color:#b91c1c;font-size:.9rem}.app-gate-submit{min-height:52px;border:none;border-radius:var(--radius-md);background:#0f766e;color:#fff;font-size:1.05rem;font-weight:600;cursor:pointer}.app-gate-submit:disabled{background:#94a3b8;cursor:default}.admin-plain-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.app-gate-setup{display:flex;flex-direction:column;gap:.6rem;padding:.9rem;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:#f8fafc}.app-gate-setup p{margin:0;font-size:.9rem;color:#475569}