@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700;800&family=JetBrains+Mono:wght@400;600;700&family=Sora:wght@500;600;700;800&display=swap";:root{--tg-bg:#fff6ee;--tg-paper:#fff;--tg-surface:#fff1e5;--tg-elevated:#ffe7d4;--tg-ink:#2b1a10;--tg-text-secondary:#7a5a45;--tg-text-muted:#a07b63;--tg-primary:#f97316;--tg-primary-hover:#ea580c;--tg-success:#e67e22;--tg-success-hover:#cc6c15;--tg-nasiya:#f59e0b;--tg-danger:#dc5b20;--tg-line:#f1d3bb;--tg-line-strong:#e8be9b;--tg-radius-sm:10px;--tg-radius-md:14px;--tg-radius-lg:16px;--tg-radius-xl:24px;--tg-shadow-1:0 2px 8px #5d2e100f, 0 1px 2px #2b1a100a;--tg-shadow-2:0 12px 26px #f9731624;--tg-shadow-3:0 20px 46px #2b1a102e;--tg-fast:.15s;--tg-normal:.25s;--tg-easing:cubic-bezier(.16, 1, .3, 1);--ui-shell-max-width:640px;--ui-page-pad-x:14px;--ui-page-pad-top:14px;--ui-page-pad-bottom:104px;--ui-section-gap:12px;--ui-control-height:44px;--ui-icon-control-size:44px;--ui-stepper-control-size:40px;--ui-screen-title-size:clamp(20px, 4.8vw, 22px);--ui-screen-subtitle-size:clamp(12px, 3.2vw, 13px);--ui-search-sticky-top:calc(95px + env(safe-area-inset-top));--ui-home-hero-sticky-top:calc(env(safe-area-inset-top) + 2px);--ui-home-search-sticky-top:calc(102px + env(safe-area-inset-top));--ui-fast-card-width:156px;--ui-fast-card-height:236px;--ui-fast-thumb-height:146px;--ui-product-grid-gap:14px;--ui-product-thumb-height:178px;--ui-sheet-hero-height:200px;--ui-bottom-nav-width:min(620px, calc(100% - 22px));--ui-bottom-nav-bottom:calc(10px + env(safe-area-inset-bottom));--ui-bottom-nav-label-size:10px}*{box-sizing:border-box}html,body,#root{min-height:100%;color:var(--tg-ink);background:radial-gradient(circle at top right, #f9731624 0%, #f9731600 42%), radial-gradient(circle at bottom left, #f59e0b1a 0%, #f59e0b00 36%), var(--tg-bg);margin:0;font-family:DM Sans,Segoe UI,system-ui,-apple-system,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}h1,h2,h3,h4,p{margin:0}.mono,.price-mono{font-family:JetBrains Mono,monospace}.mobile-shell{width:100%;max-width:var(--ui-shell-max-width);min-height:100vh;padding:calc(var(--ui-page-pad-top) + env(safe-area-inset-top)) var(--ui-page-pad-x) calc(var(--ui-page-pad-bottom) + env(safe-area-inset-bottom));gap:var(--ui-section-gap);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow-x:clip}.page-title-row{justify-content:space-between;align-items:flex-start;gap:12px;margin:4px 0 6px;display:flex}.screen-title{font-size:var(--ui-screen-title-size);letter-spacing:-.01em;color:var(--tg-ink);font-weight:800}.screen-subtitle{color:var(--tg-text-secondary);font-size:var(--ui-screen-subtitle-size);margin-top:2px}.top-panel{top:env(safe-area-inset-top);z-index:30;border:1px solid var(--tg-line);border-radius:var(--tg-radius-lg);box-shadow:var(--tg-shadow-1);-webkit-backdrop-filter:blur(12px)saturate(1.2);backdrop-filter:blur(12px)saturate(1.2);background:#ffffffe0;padding:13px 14px;position:sticky}.topbar-brand{letter-spacing:-.02em;font-size:20px;font-weight:800}.topbar-user{color:var(--tg-text-secondary);margin-top:2px;font-size:12px}.topbar-actions{align-items:center;gap:6px;display:flex}.home-page .home-hero{border-radius:22px}.home-hero-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.home-hero-left{align-items:center;gap:10px;min-width:0;display:flex}.home-brand-chip{color:#c75b12;background:linear-gradient(150deg,#fff9f2,#ffecdc);border:1px solid #f2c7a6;border-radius:14px;place-items:center;width:42px;height:42px;font-size:14px;font-weight:800;display:grid;box-shadow:inset 0 1px #fffc}.home-role-dot{color:#b39076;margin:0 4px;display:inline-block}.home-hero-actions{position:relative}.home-cart-wrap{display:inline-flex;position:relative}.home-cart-btn{color:#c95c13;width:44px;height:44px;transition:transform var(--tg-fast) var(--tg-easing), box-shadow var(--tg-fast) var(--tg-easing);background:linear-gradient(165deg,#fff,#fff1e5);border:1px solid #f2c7a6;border-radius:14px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 8px 18px #ea580c24}.home-cart-btn:active{transform:scale(.95)}.home-cart-btn svg{width:21px;height:21px}.home-cart-badge{color:#fff;background:#ea580c;border:1px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:-4px;right:-4px}.search-wrap{top:var(--ui-search-sticky-top);z-index:29;border:1px solid var(--tg-line);box-shadow:var(--tg-shadow-1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd6;border-radius:18px;padding:10px 11px;position:sticky}.search-wrap .row{justify-content:flex-start;align-items:center}.search-input{border:1px solid var(--tg-line-strong);width:auto;min-height:44px;color:var(--tg-ink);transition:border-color var(--tg-fast) var(--tg-easing), box-shadow var(--tg-fast) var(--tg-easing);background:#fff;border-radius:12px;flex:1;padding:11px 14px;font-size:15px}.search-input::placeholder{color:var(--tg-text-muted)}.search-input:focus{border-color:var(--tg-primary);outline:none;box-shadow:0 0 0 3px #f9731624}.section-head{color:var(--tg-text-muted);letter-spacing:.01em;margin:4px 0 8px;font-size:13px;font-weight:800}.section-head-row{justify-content:space-between;align-items:center;gap:8px;margin:2px 0 8px;display:flex}.section-count{color:#8b674f;background:#fff8f0;border:1px solid #ebc6aa;border-radius:999px;justify-content:center;align-items:center;min-width:26px;height:22px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.home-page section{gap:4px;display:grid}.home-page .search-input{min-height:calc(var(--ui-control-height) + 8px);border-radius:13px;padding:12px 15px;font-size:clamp(15px,3.9vw,16px)}.h-scroll{scrollbar-width:none;grid-auto-columns:max-content;grid-auto-flow:column;gap:8px;padding-bottom:2px;display:grid;overflow-x:auto}.h-scroll::-webkit-scrollbar{display:none}.fast-card{border:1px solid var(--tg-line);width:104px;min-height:126px;box-shadow:var(--tg-shadow-1);text-align:center;transition:transform var(--tg-fast) var(--tg-easing), box-shadow var(--tg-fast) var(--tg-easing), border-color var(--tg-fast) var(--tg-easing);background:#fff;border-radius:16px;padding:9px}.fast-card:hover{box-shadow:var(--tg-shadow-2);border-color:#f4b07a}.fast-card:active{transform:scale(.97)}.fast-card-thumb{color:#c95c13;background:linear-gradient(145deg,#ffeadb,#fff9f2);border-radius:16px;place-items:center;width:62px;height:62px;margin:0 auto 6px;font-size:11px;font-weight:700;display:grid;overflow:hidden}.fast-card-thumb-img{object-fit:contain;width:100%;height:100%;padding:5px}.fast-card-name{color:var(--tg-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.25;display:-webkit-box;overflow:hidden}.fast-card-price{color:var(--tg-primary);margin-top:3px;font-size:13px;font-weight:800}.tag-chip{border:1px solid var(--tg-line);color:var(--tg-text-secondary);white-space:nowrap;transition:transform var(--tg-fast) var(--tg-easing), background var(--tg-fast) var(--tg-easing), border-color var(--tg-fast) var(--tg-easing), color var(--tg-fast) var(--tg-easing);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.tag-chip:active{transform:scale(.96)}.tag-chip-icon,.tag-chip-thumb{border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:inline-flex;overflow:hidden}.tag-chip-icon{background:var(--tg-elevated);color:#c95c13}.tag-chip-thumb{border:1px solid var(--tg-line-strong);background:linear-gradient(145deg,#ffeadb,#fff7ee)}.tag-chip-thumb-img{object-fit:cover;width:100%;height:100%}.tag-chip.active{background:var(--tg-primary);border-color:var(--tg-primary);color:#fff;box-shadow:0 8px 18px #f9731638}.tag-chip.active .tag-chip-icon,.tag-chip.active .tag-chip-thumb{color:#fff;background:#fff3;border-color:#ffffff73}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.product-tile{border:1px solid var(--tg-line);text-align:left;box-shadow:var(--tg-shadow-1);transition:transform var(--tg-fast) var(--tg-easing), box-shadow var(--tg-fast) var(--tg-easing), border-color var(--tg-fast) var(--tg-easing);background:#fff;border-radius:20px;position:relative;overflow:hidden}.product-tile:not(.disabled):hover{box-shadow:var(--tg-shadow-2);border-color:#f4b07a}.product-tile.disabled{opacity:.55;filter:grayscale(.2)}.product-thumb{color:#c95c13;background:linear-gradient(160deg,#ffeadb 0%,#fff6ec 58%,#fff1e5 100%);border-radius:18px 18px 0 0;place-items:center;width:100%;height:150px;padding:0;font-size:12px;font-weight:700;display:grid;overflow:hidden}.product-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.product-pill{border-radius:10px;padding:4px 8px;font-size:10px;font-weight:800;position:absolute;top:8px;right:8px}.product-pill.warn{color:#9a4a11;background:#fff4ce}.product-pill.danger{color:#b45309;background:#ffe7db}.product-info{border-radius:0 0 18px 18px;gap:6px;padding:13px;display:grid}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:34px;font-size:13px;font-weight:700;line-height:1.28;display:-webkit-box;overflow:hidden}.product-price{color:var(--tg-primary);font-size:15px;font-weight:800}.product-unit{color:var(--tg-text-secondary);font-size:11px}.card{background:var(--tg-paper);border:1px solid var(--tg-line);border-radius:var(--tg-radius-lg);box-shadow:var(--tg-shadow-1)}.metric-box{background:var(--tg-surface);border:1px solid var(--tg-line);border-radius:12px;padding:12px}.row{justify-content:space-between;align-items:center;gap:8px;display:flex}.stack{gap:8px;display:grid}.stack-sm{gap:6px;display:grid}.metric-label{color:var(--tg-text-secondary);font-size:12px}.metric-value{font-size:22px;font-weight:800}.text-danger{color:var(--tg-danger)}.text-success{color:var(--tg-success)}.gap-8{gap:8px}.gap-10{gap:10px}.badge{border-radius:999px;justify-content:center;align-items:center;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge.warn{color:#9a4a11;background:#fff4ce}.badge.danger{color:#b45309;background:#ffe7db}.badge.ok{color:#a95510;background:#ffe1c2}.badge.info{color:#c95c13;background:#ffeadb}.input,.select{width:100%;min-height:var(--ui-control-height);border:1px solid var(--tg-line-strong);color:var(--tg-ink);transition:border-color var(--tg-fast) var(--tg-easing), box-shadow var(--tg-fast) var(--tg-easing);background:#fff;border-radius:12px;padding:10px 12px}.input:focus,.select:focus{border-color:var(--tg-primary);outline:none;box-shadow:0 0 0 3px #f9731626}.btn{min-height:var(--ui-control-height);transition:transform var(--tg-fast) var(--tg-easing), background var(--tg-fast) var(--tg-easing), border-color var(--tg-fast) var(--tg-easing), color var(--tg-fast) var(--tg-easing), box-shadow var(--tg-fast) var(--tg-easing);border:1px solid #0000;border-radius:12px;padding:10px 12px;font-weight:700}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.primary{background:var(--tg-primary);border-color:var(--tg-primary);color:#fff}.btn.primary:hover{background:var(--tg-primary-hover);border-color:var(--tg-primary-hover)}.btn.success{background:var(--tg-success);border-color:var(--tg-success);color:#fff}.btn.success:hover{background:var(--tg-success-hover);border-color:var(--tg-success-hover)}.btn.warning{color:#8a4b12;background:#fff4ce;border-color:#f59e0b}.btn.warning:hover{background:#ffe2b8}.btn.secondary{background:var(--tg-surface);border-color:var(--tg-line);color:var(--tg-ink)}.btn.secondary:hover{background:var(--tg-elevated)}.btn.ghost{border-color:var(--tg-line-strong);color:var(--tg-text-secondary);background:#fff}.btn.ghost:hover{border-color:var(--tg-primary);color:var(--tg-primary)}.btn.danger{color:#b45309;background:#fff2e8;border-color:#ffd5bf}.btn.danger:hover{background:#ffe2d2}.btn.icon{min-width:var(--ui-icon-control-size);width:var(--ui-icon-control-size);min-height:var(--ui-icon-control-size);justify-content:center;align-items:center;padding:0;display:inline-flex}.btn.icon svg{width:19px;height:19px}.button-spinner{border:2px solid #ffffff80;border-top-color:currentColor;border-radius:999px;width:17px;height:17px;animation:.85s linear infinite spin}.button-spinner.light{border-color:#fff9f2 #fff1e573 #fff1e573}.home-control-btn{width:var(--ui-icon-control-size);min-width:var(--ui-icon-control-size);height:var(--ui-icon-control-size);color:#c75b12;background:linear-gradient(165deg,#fff,#fff0e2);border-color:#f2c7a6;border-radius:14px}.home-control-btn.voice-action-btn{color:#fff;background:linear-gradient(165deg,#fb923c,#f97316);border-color:#f97316}.button-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.bottom-nav{left:50%;bottom:var(--ui-bottom-nav-bottom);width:var(--ui-bottom-nav-width);border:1px solid var(--tg-line);box-shadow:var(--tg-shadow-3);z-index:34;-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);background:#ffffffeb;border-radius:18px;grid-template-columns:repeat(6,1fr);gap:2px;padding:8px 6px 7px;display:grid;position:fixed;transform:translate(-50%)}.bottom-nav a{color:var(--tg-text-secondary);font-size:var(--ui-bottom-nav-label-size);transition:background var(--tg-fast) var(--tg-easing), color var(--tg-fast) var(--tg-easing);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:7px 4px;text-decoration:none;display:flex;position:relative}.bottom-nav a.active{color:var(--tg-primary);background:var(--tg-surface)}.nav-icon{justify-content:center;align-items:center;width:21px;height:21px;display:inline-flex}.nav-icon svg{stroke-width:1.9px;width:21px;height:21px}.nav-label{font-size:var(--ui-bottom-nav-label-size);font-weight:600}.nav-badge{color:#fff;background:#ea580c;border:1px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:3px;right:16px}.sheet-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#331e108a;position:fixed;inset:0}.sheet{border:1px solid var(--tg-line);z-index:51;max-height:90vh;animation:sheetIn var(--tg-normal) var(--tg-easing);background:#fff;border-radius:24px 24px 0 0;padding:14px;position:fixed;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -12px 40px #2b1a102e}.sheet-handle{background:var(--tg-line-strong);border-radius:999px;width:36px;height:4px;margin:0 auto 12px}.sheet-title{font-size:20px;font-weight:800}.sheet-subtitle{color:var(--tg-text-secondary);margin-top:4px;font-size:13px}.product-sheet-hero{width:100%;height:var(--ui-sheet-hero-height);border:1px solid var(--tg-line);color:#c95c13;background:linear-gradient(160deg,#ffeadb 0%,#fff4e9 45%,#fff9f2 100%);border-radius:20px;place-items:center;margin-bottom:10px;font-size:13px;font-weight:700;display:grid;overflow:hidden}.product-sheet-hero img{object-fit:cover;width:100%;height:100%;padding:0;display:block}.stepper{grid-template-columns:var(--ui-stepper-control-size) 1fr var(--ui-stepper-control-size);align-items:center;gap:8px;display:grid}.stepper-value{min-height:var(--ui-stepper-control-size);border:1px solid var(--tg-line-strong);border-radius:12px;place-items:center;font-size:19px;font-weight:800;display:grid}.stepper-input{width:100%;min-height:var(--ui-stepper-control-size);border:1px solid var(--tg-line-strong);text-align:center;color:var(--tg-ink);appearance:textfield;background:#fff;border-radius:12px;padding:0 10px;font-family:JetBrains Mono,monospace;font-size:20px;font-weight:800}.stepper-input:focus{border-color:var(--tg-primary);outline:none;box-shadow:0 0 0 3px #f9731624}.stepper-input:disabled{color:var(--tg-text-secondary);background:#f6eee7}.stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.calculation-box{background:var(--tg-surface);border:1px solid var(--tg-line);border-radius:12px;padding:12px}.calculation-total{color:var(--tg-primary);margin-top:4px;font-size:19px;font-weight:800}.cart-card{gap:8px;padding:10px;display:grid}.cart-line{align-items:center;gap:8px;display:flex}.cart-thumb{border:1px solid var(--tg-line);color:#c95c13;background:linear-gradient(145deg,#ffeadb,#fff4e9);border-radius:14px;place-items:center;width:56px;height:56px;font-size:11px;font-weight:700;display:grid;overflow:hidden}.cart-thumb-img{object-fit:cover;width:100%;height:100%;padding:0;display:block}.cart-summary{background:var(--tg-surface);border:1px solid var(--tg-line);border-radius:14px;margin-top:12px;padding:12px}.total-label{color:var(--tg-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.total-value{color:var(--tg-primary);margin-top:2px;font-size:22px;font-weight:800}.pay-option{width:100%;min-height:calc(var(--ui-control-height) + 20px);border:1.5px solid var(--tg-line);transition:all var(--tg-fast) var(--tg-easing);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.pay-option.active{border-color:var(--tg-primary);background:#fff1e5;box-shadow:0 8px 20px #f9731633}.pay-option.nasiya.active{background:#fff4ce;border-color:#d97706;box-shadow:0 8px 20px #f59e0b33}.pending-card{border:1px solid var(--tg-line);box-shadow:var(--tg-shadow-1);background:#fff;border-radius:16px;padding:12px;position:relative;overflow:hidden}.pending-card:before{content:"";background:var(--tg-primary);border-radius:4px;width:3px;height:44px;position:absolute;top:10px;left:0}.pending-card.nasiya:before{background:var(--tg-nasiya)}.login-screen{background:radial-gradient(circle at 20% 15%,#f9731629 0%,#f9731600 40%),radial-gradient(circle at 80% 85%,#f59e0b2e 0%,#f59e0b00 38%);place-items:center;min-height:calc(100vh - 24px);display:grid}.login-card{border:1px solid var(--tg-line);width:100%;max-width:400px;box-shadow:var(--tg-shadow-3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border-radius:20px;padding:18px}.login-logo{border:1px solid var(--tg-line-strong);background:#fff;border-radius:20px;place-items:center;width:80px;height:80px;margin:0 auto 10px;font-size:42px;display:grid;box-shadow:0 14px 30px #f9731633}.login-title{text-align:center;margin:4px 0 0;font-weight:800}.login-subtitle{text-align:center;color:var(--tg-text-secondary);margin:2px 0 14px;font-size:13px}.login-error{color:var(--tg-danger);background:#fff0e5;border:1px solid #ffd9c8;border-radius:10px;margin-bottom:8px;padding:8px 10px;font-size:13px}.voice-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:60;background:#2b1a10b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.voice-shell{text-align:center;color:#fff2e8;width:min(380px,100%)}.voice-mic{background:radial-gradient(circle at 30% 20%,#ffb779 0%,#f97316 65%,#c95c13 100%);border-radius:999px;place-items:center;width:92px;height:92px;margin:0 auto;font-size:36px;display:grid;position:relative}.voice-mic svg{width:34px;height:34px}.voice-ripple{border:2px solid #fbaa6873;border-radius:999px;animation:1.2s infinite voiceRipple;position:absolute;inset:-14px}.voice-ripple:nth-child(2){animation-delay:.25s}.voice-ripple:nth-child(3){animation-delay:.5s}.voice-wave{justify-content:center;align-items:flex-end;gap:4px;height:36px;margin-top:16px;display:flex}.voice-wave span{background:#f4b07a;border-radius:999px;width:5px;animation:.9s ease-in-out infinite voiceWave}.voice-wave span:nth-child(2){animation-delay:80ms}.voice-wave span:nth-child(3){animation-delay:.16s}.voice-wave span:nth-child(4){animation-delay:.24s}.voice-wave span:nth-child(5){animation-delay:.32s}.voice-text{margin-top:12px;font-size:18px;font-weight:700}.voice-subtext{color:#ffe2cc;margin-top:6px;font-size:13px}.scanner-frame{background:#2b1a10;border:1px solid #a881645c;border-radius:16px;width:100%;min-height:220px;position:relative;overflow:hidden}.scanner-video{background:#24150d;width:100%;min-height:220px}.scanner-laser{background:#f97316e6;height:2px;animation:1.8s ease-in-out infinite alternate laserMove;position:absolute;left:10%;right:10%;box-shadow:0 0 16px #f97316cc}.status-text{color:var(--tg-text-secondary);margin-top:8px;font-size:13px}.status-text.error{color:#b45309}.empty-state{text-align:center;border:1px dashed var(--tg-line-strong);color:var(--tg-text-secondary);background:#ffffffb3;border-radius:16px;margin-top:14px;padding:22px 14px}.skeleton{background:#f3dcc8;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffffa6 50%,#0000 100%);animation:1.2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes voiceRipple{0%{opacity:.7;transform:scale(.95)}to{opacity:0;transform:scale(1.25)}}@keyframes voiceWave{0%,to{opacity:.45;height:8px}50%{opacity:1;height:32px}}@keyframes laserMove{0%{top:22%}to{top:78%}}@keyframes sheetIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.topbar-brand,.section-head,.screen-title,.sheet-title{font-family:Sora,DM Sans,sans-serif}.product-price,.fast-card-price{font-family:JetBrains Mono,monospace}.home-page .home-hero,.home-page .home-search,.home-page>section{animation:.4s ease-out both pageEnter}.home-page .home-search{animation-delay:70ms}.home-page>section:first-of-type{animation-delay:.12s}.home-page>section:nth-of-type(2){animation-delay:.18s}.home-page>section:nth-of-type(3){animation-delay:.24s}.home-page .home-hero{top:var(--ui-home-hero-sticky-top);isolation:isolate;border-radius:20px;padding:14px 14px 10px;position:sticky;overflow:hidden}.home-page .home-hero:before{content:"";z-index:-1;background:radial-gradient(circle at 18% 26%,#fb923c47,#0000 45%),radial-gradient(circle at 82% 8%,#7c2d1242,#0000 40%),linear-gradient(130deg,#7c2d1224,#fb923c1a);height:150%;animation:10s ease-in-out infinite alternate heroMeshFloat;position:absolute;inset:-30% -20% auto}.home-page .home-hero:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #f1c8a9b8;position:absolute;inset:0}.home-brand-chip{position:relative}.home-brand-chip:before{content:"";border-radius:inherit;border:1px solid #fb923c80;animation:6s linear infinite ringSpin;position:absolute;inset:-2px}.home-hero-footnote{color:var(--tg-text-muted);letter-spacing:.01em;margin-top:10px;font-size:12px}.home-cart-btn{min-width:44px;min-height:44px}.home-cart-btn.pulse{animation:.42s cubic-bezier(.34,1.56,.64,1) cartPulse}.home-cart-badge.bounce{animation:.46s cubic-bezier(.34,1.56,.64,1) badgeBounce}.home-page .home-search{top:var(--ui-home-search-sticky-top);border-color:#f1c6a2d9;border-radius:18px}.home-page .home-search:focus-within{transform:translateY(-2px);box-shadow:0 10px 26px #7c2d121f}.home-page .home-search .search-input{transition:width .22s ease-out,border-color .2s ease-out,box-shadow .2s ease-out}.home-page .home-search:focus-within .search-input::placeholder{opacity:.2}.home-scan-btn{position:relative;overflow:hidden}.home-scan-btn:after{content:"";opacity:.65;background:#fb923ce0;border-radius:999px;height:1.5px;animation:2s ease-in-out infinite scanSweep;position:absolute;top:48%;left:20%;right:20%;box-shadow:0 0 8px #fb923ca6}.home-control-btn.voice-action-btn.warning{position:relative}.home-control-btn.voice-action-btn.warning:after{content:"";border:2px solid #dc5b208c;border-radius:16px;animation:1s ease-out infinite micPulse;position:absolute;inset:-3px}.section-head-row{margin:2px 0 10px}.section-head{color:#8a6146;text-transform:uppercase;letter-spacing:.09em;margin:0;font-size:13px}.section-count{min-width:30px;height:22px}.home-page .h-scroll{scroll-snap-type:x mandatory}.home-fast-card{scroll-snap-align:start;width:var(--ui-fast-card-width);min-height:var(--ui-fast-card-height);text-align:left;border-radius:18px;padding:10px;position:relative;overflow:hidden}.home-fast-card:before{display:none}.home-fast-card .fast-card-thumb{width:100%;height:var(--ui-fast-thumb-height);background:#fff;border:1px solid #f2d8c2;border-radius:18px;margin-bottom:10px;padding:0;overflow:hidden}.home-fast-card .fast-card-thumb-img{object-fit:cover;padding:0}.home-fast-card .fast-card-name{color:#3b2313;z-index:auto;min-height:34px;font-size:13px;font-weight:600;line-height:1.28;position:static}.home-fast-card .fast-card-price{color:#2b1a10;z-index:auto;margin-top:8px;font-size:14px;position:static}.fast-card-check{color:#fff;opacity:0;background:#f59e0bf2;border-radius:999px;place-items:center;width:20px;height:20px;font-size:12px;font-weight:700;transition:opacity .16s ease-out,transform .16s ease-out;display:grid;position:absolute;top:8px;right:8px;transform:scale(.8)}.home-fast-card.active{border-color:#fb923cd6;box-shadow:0 0 0 1px #fb923c40,0 14px 28px #fb923c38}.home-fast-card.active .fast-card-check{opacity:1;transform:scale(1)}.home-fast-card:active{transform:scale(.95)}.fast-card-fav{color:#8d6a52;z-index:3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffeb;border:1px solid #edcdb3;border-radius:999px;place-items:center;width:26px;height:26px;font-size:15px;line-height:1;display:grid;position:absolute;top:10px;right:10px}.category-strip-shell{padding-bottom:8px;position:relative;overflow:hidden}.category-strip{padding-bottom:8px}.category-edge-mask{z-index:2;pointer-events:none;width:20px;position:absolute;top:0;bottom:8px}.category-edge-mask.left{background:linear-gradient(to right, var(--tg-bg), transparent);left:0}.category-edge-mask.right{background:linear-gradient(to left, var(--tg-bg), transparent);right:0}.category-active-indicator{opacity:0;background:linear-gradient(90deg,#7c2d12,#fb923c);border-radius:999px;height:3px;transition:transform .2s ease-in-out,width .2s ease-in-out,opacity .2s ease-in-out;position:absolute;bottom:1px;left:0}.category-active-indicator.ready{opacity:1}.tag-chip{min-height:var(--ui-control-height)}.tag-chip-icon,.tag-chip-thumb{transition:transform .2s ease-out,background-color .2s ease-out,color .2s ease-out}.tag-chip.active .tag-chip-icon,.tag-chip.active .tag-chip-thumb{transform:scale(1.12)}.product-grid{gap:var(--ui-product-grid-gap)}.product-tile{animation:.4s ease-out both homeCardIn;animation-delay:calc(var(--stagger,0) * 60ms)}.product-tile:nth-child(2n){margin-top:0}.product-thumb{height:var(--ui-product-thumb-height)}.product-info{gap:8px;padding:14px 13px 13px}.product-name{min-height:38px;font-size:14px}.product-price{letter-spacing:-.01em;text-align:center;font-size:18px}.product-meta-row{justify-content:center;align-items:center;gap:8px;display:flex}.product-stock{text-align:center;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:26px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.product-stock.ok{color:#b45d13;background:#fff0e3;border-color:#f3c99f}.product-stock.warn{color:#8a4d12;background:#fff1d6;border-color:#f3c27e}.product-stock.danger{color:#c2410c;background:#ffeadf;border-color:#ffd8c4}.product-tile:not(.disabled):active{transform:scale(.97)}.products-section{margin-top:10px}.pay-options-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.pay-icon{background:var(--tg-surface);width:22px;height:22px;color:var(--tg-primary);border-radius:999px;justify-content:center;align-items:center;margin-right:5px;font-weight:800;display:inline-flex}.page-actions{gap:8px;margin-top:10px;display:grid}.pending-actions{flex-wrap:wrap;justify-content:flex-start}.pending-actions .btn{flex:120px}.nasiya-actions{flex-wrap:wrap;justify-content:flex-start}.nasiya-actions .btn{flex:170px}.sales-filter-row{flex-wrap:wrap;justify-content:flex-start}.sales-filter-row .btn{flex:110px}.sync-banner{color:#164e45;background:#eefaf6;border:1px solid #bfd8d1;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.sync-banner.offline{color:#7c3f10;background:#fff5dc;border-color:#f0c28e}.sync-banner.compact{padding:8px 10px}.sync-title{font-size:13px;font-weight:800}.sync-subtitle,.sync-message{margin-top:2px;font-size:12px}.sync-actions{align-items:center;gap:6px;display:inline-flex}.sync-actions .btn,.sync-banner>.btn{min-height:36px;padding:7px 10px}.home-hero-footnote{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.home-shift-chip{color:#8a4b12;background:#fff8ed;border:1px solid #edc18f;border-radius:999px;min-height:28px;padding:4px 9px;font-size:12px;font-weight:800}.home-shift-chip.open{color:#166052;background:#ebfaf5;border-color:#9ccfc0}.voice-correction-box{margin-top:10px;display:block}.voice-correction-box textarea.input{resize:vertical;min-height:70px}.voice-result-card{gap:8px;display:grid}.voice-label-input{min-height:36px;margin-top:3px}.shift-card,.queue-card{padding:12px}.shift-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.shift-grid .metric-box{padding:10px}.shift-grid .metric-value{font-size:17px}.queue-actions{flex-wrap:wrap;justify-content:flex-start}.queue-actions .btn{flex:120px}.receipt-card{border:1px solid var(--tg-line);box-shadow:var(--tg-shadow-1);background:#fff;border-radius:16px;padding:14px}.receipt-head{border-bottom:1px dashed var(--tg-line-strong);justify-content:space-between;gap:12px;padding-bottom:10px;display:flex}.receipt-brand{font-size:18px;font-weight:800}.receipt-number{color:var(--tg-primary);font-family:JetBrains Mono,monospace;font-weight:800}.receipt-muted,.receipt-meta{color:var(--tg-text-secondary);font-size:12px}.receipt-meta{gap:3px;margin-top:10px;display:grid}.receipt-lines{gap:8px;margin-top:12px;display:grid}.receipt-line{grid-template-columns:1fr auto;align-items:start;gap:10px;display:grid}.receipt-line span{color:var(--tg-text-secondary);margin-top:2px;font-size:12px;display:block}.receipt-total{border-top:1px dashed var(--tg-line-strong);justify-content:space-between;gap:12px;margin-top:12px;padding-top:10px;font-size:20px;font-weight:800;display:flex}.receipt-note{color:#7c3f10;background:#fff5dc;border-radius:10px;margin-top:10px;padding:8px 10px;font-size:12px}.bottom-nav a.active .nav-icon{animation:.26s cubic-bezier(.34,1.56,.64,1) navPop}@keyframes pageEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes homeCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ringSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cartPulse{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes badgeBounce{0%{transform:scale(.7)}60%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes heroMeshFloat{0%{transform:translate(-2%)scale(1)}to{transform:translate(2%,2%)scale(1.03)}}@keyframes scanSweep{0%,to{opacity:.25;transform:translateY(-6px)}50%{opacity:.7;transform:translateY(6px)}}@keyframes micPulse{0%{opacity:.7;transform:scale(.98)}to{opacity:0;transform:scale(1.08)}}@keyframes navPop{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}@media print{body,#root{background:#fff}.receipt-page{max-width:none;min-height:auto;padding:0}.no-print,.bottom-nav,.page-actions{display:none!important}.receipt-card{box-shadow:none;color:#000;border:none;border-radius:0}}@media (width<=360px){.mobile-shell{--ui-page-pad-x:10px;--ui-page-pad-top:10px;--ui-page-pad-bottom:94px;--ui-section-gap:10px;--ui-screen-title-size:20px;--ui-fast-card-width:132px;--ui-fast-card-height:208px;--ui-fast-thumb-height:122px;--ui-product-grid-gap:10px;--ui-product-thumb-height:158px;--ui-sheet-hero-height:176px;--ui-home-search-sticky-top:calc(96px + env(safe-area-inset-top));--ui-search-sticky-top:calc(90px + env(safe-area-inset-top))}.product-grid{grid-template-columns:minmax(0,1fr)}}@media (width>=361px) and (width<=430px){.mobile-shell{--ui-page-pad-x:10px;--ui-page-pad-top:10px;--ui-page-pad-bottom:94px;--ui-fast-card-width:146px;--ui-fast-card-height:226px;--ui-fast-thumb-height:136px;--ui-product-grid-gap:10px;--ui-product-thumb-height:168px;--ui-home-search-sticky-top:calc(98px + env(safe-area-inset-top));--ui-search-sticky-top:calc(92px + env(safe-area-inset-top))}}@media (width>=431px) and (width<=600px){.mobile-shell{--ui-page-pad-x:16px;--ui-page-pad-top:14px;--ui-page-pad-bottom:108px;--ui-shell-max-width:700px;--ui-fast-card-width:168px;--ui-fast-card-height:246px;--ui-fast-thumb-height:154px;--ui-product-grid-gap:16px;--ui-product-thumb-height:186px}}@media (width>=601px){.mobile-shell{--ui-page-pad-x:18px;--ui-page-pad-top:14px;--ui-page-pad-bottom:112px;--ui-shell-max-width:760px;--ui-screen-title-size:24px;--ui-fast-card-width:178px;--ui-fast-card-height:256px;--ui-fast-thumb-height:162px;--ui-product-grid-gap:16px;--ui-product-thumb-height:198px;--ui-home-search-sticky-top:calc(106px + env(safe-area-inset-top));--ui-search-sticky-top:calc(98px + env(safe-area-inset-top));--ui-bottom-nav-width:min(700px, calc(100% - 24px))}.home-page .search-input{padding-inline:16px}}@media (orientation:landscape) and (height<=500px){.mobile-shell{--ui-page-pad-top:8px;--ui-page-pad-bottom:82px;--ui-section-gap:8px;--ui-control-height:42px;--ui-icon-control-size:42px;--ui-stepper-control-size:38px;--ui-home-hero-sticky-top:env(safe-area-inset-top);--ui-home-search-sticky-top:calc(78px + env(safe-area-inset-top));--ui-search-sticky-top:calc(74px + env(safe-area-inset-top));--ui-sheet-hero-height:150px;--ui-bottom-nav-bottom:calc(6px + env(safe-area-inset-bottom))}.home-page .home-hero{padding:10px 12px 8px}.home-hero-footnote{margin-top:6px}.home-page .home-search{padding:8px 10px}.home-fast-card{min-height:198px}.home-fast-card .fast-card-thumb{height:112px}.bottom-nav{padding:6px 6px 5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}