@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: #ffffff;--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 rgba(93, 46, 16, .06), 0 1px 2px rgba(43, 26, 16, .04);--tg-shadow-2: 0 12px 26px rgba(249, 115, 22, .14);--tg-shadow-3: 0 20px 46px rgba(43, 26, 16, .18);--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: 11px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:DM Sans,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--tg-ink);background:radial-gradient(circle at top right,#f9731624,#f9731600 42%),radial-gradient(circle at bottom left,#f59e0b1a,#f59e0b00 36%),var(--tg-bg);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);margin:0 auto;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));position:relative;display:flex;flex-direction:column;gap:var(--ui-section-gap);overflow-x:clip}.page-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:4px 0 6px}.screen-title{font-size:var(--ui-screen-title-size);font-weight:800;letter-spacing:-.01em;color:var(--tg-ink)}.screen-subtitle{margin-top:2px;color:var(--tg-text-secondary);font-size:var(--ui-screen-subtitle-size)}.top-panel{position:sticky;top:env(safe-area-inset-top);z-index:30;background:#ffffffe0;border:1px solid var(--tg-line);border-radius:var(--tg-radius-lg);padding:13px 14px;box-shadow:var(--tg-shadow-1);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2)}.topbar-brand{font-size:20px;font-weight:800;letter-spacing:-.02em}.topbar-user{margin-top:2px;color:var(--tg-text-secondary);font-size:12px}.topbar-actions{display:flex;align-items:center;gap:6px}.home-page .home-hero{border-radius:22px}.home-hero-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.home-hero-left{min-width:0;display:flex;align-items:center;gap:10px}.home-brand-chip{width:42px;height:42px;border-radius:14px;border:1px solid #f2c7a6;background:linear-gradient(150deg,#fff9f2,#ffecdc);box-shadow:inset 0 1px #fffc;color:#c75b12;font-size:14px;font-weight:800;display:grid;place-items:center}.home-role-dot{display:inline-block;margin:0 4px;color:#b39076}.home-hero-actions{position:relative}.home-cart-btn{width:44px;height:44px;border:1px solid #f2c7a6;border-radius:14px;background:linear-gradient(165deg,#fff,#fff1e5);color:#c95c13;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 18px #ea580c24;transition:transform var(--tg-fast) var(--tg-easing),box-shadow var(--tg-fast) var(--tg-easing)}.home-cart-btn:active{transform:scale(.95)}.home-cart-btn svg{width:21px;height:21px}.home-cart-badge{position:absolute;right:-4px;top:-4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;background:#ea580c;color:#fff;border:1px solid #fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.search-wrap{position:sticky;top:var(--ui-search-sticky-top);z-index:29;background:#ffffffd6;border:1px solid var(--tg-line);border-radius:18px;padding:10px 11px;box-shadow:var(--tg-shadow-1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.search-wrap .row{justify-content:flex-start;align-items:center}.search-input{flex:1;width:auto;border:1px solid var(--tg-line-strong);border-radius:12px;min-height:44px;padding:11px 14px;background:#fff;color:var(--tg-ink);font-size:15px;transition:border-color var(--tg-fast) var(--tg-easing),box-shadow var(--tg-fast) var(--tg-easing)}.search-input::placeholder{color:var(--tg-text-muted)}.search-input:focus{outline:none;border-color:var(--tg-primary);box-shadow:0 0 0 3px #f9731624}.section-head{margin:4px 0 8px;color:var(--tg-text-muted);font-size:13px;font-weight:800;letter-spacing:.01em}.section-head-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 0 8px}.section-count{min-width:26px;height:22px;border-radius:999px;border:1px solid #ebc6aa;background:#fff8f0;color:#8b674f;font-size:11px;font-weight:700;padding:0 8px;display:inline-flex;align-items:center;justify-content:center}.home-page section{display:grid;gap:4px}.home-page .search-input{min-height:calc(var(--ui-control-height) + 8px);border-radius:13px;font-size:clamp(15px,3.9vw,16px);padding:12px 15px}.h-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.h-scroll::-webkit-scrollbar{display:none}.fast-card{width:104px;min-height:126px;background:#fff;border:1px solid var(--tg-line);border-radius:16px;padding:9px;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)}.fast-card:hover{border-color:#f4b07a;box-shadow:var(--tg-shadow-2)}.fast-card:active{transform:scale(.97)}.fast-card-thumb{width:62px;height:62px;margin:0 auto 6px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#ffeadb,#fff9f2);color:#c95c13;font-weight:700;font-size:11px;overflow:hidden}.fast-card-thumb-img{width:100%;height:100%;object-fit:contain;padding:5px}.fast-card-name{font-size:12px;line-height:1.25;color:var(--tg-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fast-card-price{margin-top:3px;font-size:13px;font-weight:800;color:var(--tg-primary)}.tag-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid var(--tg-line);background:#fff;color:var(--tg-text-secondary);white-space:nowrap;font-size:12px;font-weight:700;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)}.tag-chip:active{transform:scale(.96)}.tag-chip-icon,.tag-chip-thumb{width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;font-size:10px;font-weight:700}.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{width:100%;height:100%;object-fit:cover}.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{background:#fff3;border-color:#ffffff73;color:#fff}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-tile{position:relative;background:#fff;border:1px solid var(--tg-line);border-radius:20px;overflow:hidden;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)}.product-tile:not(.disabled):hover{border-color:#f4b07a;box-shadow:var(--tg-shadow-2)}.product-tile:not(.disabled):active{transform:scale(.98)}.product-tile.disabled{opacity:.55;filter:grayscale(.2)}.product-thumb{width:100%;height:150px;border-radius:18px 18px 0 0;overflow:hidden;background:linear-gradient(160deg,#ffeadb,#fff6ec 58%,#fff1e5);display:grid;place-items:center;color:#c95c13;font-size:12px;font-weight:700;padding:0}.product-thumb-img{width:100%;height:100%;display:block;object-fit:cover}.product-pill{position:absolute;right:8px;top:8px;padding:4px 8px;border-radius:10px;font-size:10px;font-weight:800}.product-pill.warn{background:#fff4ce;color:#9a4a11}.product-pill.danger{background:#ffe7db;color:#b45309}.product-info{padding:13px;display:grid;gap:6px;border-radius:0 0 18px 18px}.product-name{font-size:13px;font-weight:700;line-height:1.28;min-height:34px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price{font-size:15px;font-weight:800;color:var(--tg-primary)}.product-unit{font-size:11px;color:var(--tg-text-secondary)}.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{display:flex;align-items:center;justify-content:space-between;gap:8px}.stack{display:grid;gap:8px}.stack-sm{display:grid;gap:6px}.metric-label{font-size:12px;color:var(--tg-text-secondary)}.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{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.badge.warn{background:#fff4ce;color:#9a4a11}.badge.danger{background:#ffe7db;color:#b45309}.badge.ok{background:#ffe1c2;color:#a95510}.badge.info{background:#ffeadb;color:#c95c13}.input,.select{width:100%;min-height:var(--ui-control-height);padding:10px 12px;border-radius:12px;border:1px solid var(--tg-line-strong);background:#fff;color:var(--tg-ink);transition:border-color var(--tg-fast) var(--tg-easing),box-shadow var(--tg-fast) var(--tg-easing)}.input:focus,.select:focus{outline:none;border-color:var(--tg-primary);box-shadow:0 0 0 3px #f9731626}.btn{min-height:var(--ui-control-height);border:1px solid transparent;border-radius:12px;padding:10px 12px;font-weight:700;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)}.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{background:#fff4ce;border-color:#f59e0b;color:#8a4b12}.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{background:#fff;border-color:var(--tg-line-strong);color:var(--tg-text-secondary)}.btn.ghost:hover{border-color:var(--tg-primary);color:var(--tg-primary)}.btn.danger{background:#fff2e8;border-color:#ffd5bf;color:#b45309}.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);padding:0;display:inline-flex;align-items:center;justify-content:center}.btn.icon svg{width:19px;height:19px}.button-spinner{width:17px;height:17px;border-radius:999px;border:2px solid rgba(255,255,255,.5);border-top-color:currentColor;animation:spin .85s linear infinite}.button-spinner.light{border-color:#fff1e573;border-top-color:#fff9f2}.home-control-btn{width:var(--ui-icon-control-size);min-width:var(--ui-icon-control-size);height:var(--ui-icon-control-size);border-radius:14px;border-color:#f2c7a6;color:#c75b12;background:linear-gradient(165deg,#fff,#fff0e2)}.home-control-btn.voice-action-btn{border-color:#f97316;background:linear-gradient(165deg,#fb923c,#f97316);color:#fff}.button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:var(--ui-bottom-nav-bottom);width:var(--ui-bottom-nav-width);background:#ffffffeb;border:1px solid var(--tg-line);border-radius:18px;box-shadow:var(--tg-shadow-3);padding:8px 6px 7px;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;z-index:34;-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2)}.bottom-nav a{text-decoration:none;color:var(--tg-text-secondary);font-size:var(--ui-bottom-nav-label-size);display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 4px;border-radius:10px;position:relative;transition:background var(--tg-fast) var(--tg-easing),color var(--tg-fast) var(--tg-easing)}.bottom-nav a.active{color:var(--tg-primary);background:var(--tg-surface)}.nav-icon{width:21px;height:21px;display:inline-flex;align-items:center;justify-content:center}.nav-icon svg{width:21px;height:21px;stroke-width:1.9}.nav-label{font-size:var(--ui-bottom-nav-label-size);font-weight:600}.nav-badge{position:absolute;top:3px;right:16px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;background:#ea580c;color:#fff;border:1px solid #fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#331e108a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50}.sheet{position:fixed;left:0;right:0;bottom:0;max-height:90vh;overflow:auto;background:#fff;border-radius:24px 24px 0 0;border:1px solid var(--tg-line);padding:14px;box-shadow:0 -12px 40px #2b1a102e;z-index:51;animation:sheetIn var(--tg-normal) var(--tg-easing)}.sheet-handle{width:36px;height:4px;border-radius:999px;background:var(--tg-line-strong);margin:0 auto 12px}.sheet-title{font-size:20px;font-weight:800}.sheet-subtitle{margin-top:4px;color:var(--tg-text-secondary);font-size:13px}.product-sheet-hero{width:100%;height:var(--ui-sheet-hero-height);border-radius:20px;overflow:hidden;border:1px solid var(--tg-line);background:linear-gradient(160deg,#ffeadb,#fff4e9 45%,#fff9f2);display:grid;place-items:center;color:#c95c13;font-size:13px;font-weight:700;margin-bottom:10px}.product-sheet-hero img{width:100%;height:100%;display:block;object-fit:cover;padding:0}.stepper{display:grid;grid-template-columns:var(--ui-stepper-control-size) 1fr var(--ui-stepper-control-size);gap:8px;align-items:center}.stepper-value{min-height:var(--ui-stepper-control-size);border:1px solid var(--tg-line-strong);border-radius:12px;display:grid;place-items:center;font-size:19px;font-weight:800}.stepper-input{width:100%;min-height:var(--ui-stepper-control-size);border:1px solid var(--tg-line-strong);border-radius:12px;font-size:20px;font-weight:800;text-align:center;color:var(--tg-ink);background:#fff;padding:0 10px;font-family:JetBrains Mono,monospace;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.stepper-input:focus{outline:none;border-color:var(--tg-primary);box-shadow:0 0 0 3px #f9731624}.stepper-input:disabled{background:#f6eee7;color:var(--tg-text-secondary)}.stepper-input::-webkit-outer-spin-button,.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{margin-top:4px;font-size:19px;font-weight:800;color:var(--tg-primary)}.cart-card{padding:10px;display:grid;gap:8px}.cart-line{display:flex;align-items:center;gap:8px}.cart-thumb{width:56px;height:56px;border-radius:14px;border:1px solid var(--tg-line);background:linear-gradient(145deg,#ffeadb,#fff4e9);display:grid;place-items:center;color:#c95c13;font-size:11px;font-weight:700;overflow:hidden}.cart-thumb-img{width:100%;height:100%;display:block;object-fit:cover;padding:0}.cart-summary{margin-top:12px;padding:12px;background:var(--tg-surface);border:1px solid var(--tg-line);border-radius:14px}.total-label{font-size:12px;color:var(--tg-text-muted);text-transform:uppercase;letter-spacing:.08em}.total-value{margin-top:2px;font-size:22px;font-weight:800;color:var(--tg-primary)}.pay-option{width:100%;min-height:calc(var(--ui-control-height) + 20px);border-radius:14px;border:1.5px solid var(--tg-line);background:#fff;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:all var(--tg-fast) var(--tg-easing)}.pay-option.active{border-color:var(--tg-primary);background:#fff1e5;box-shadow:0 8px 20px #f9731633}.pay-option.nasiya.active{border-color:#d97706;background:#fff4ce;box-shadow:0 8px 20px #f59e0b33}.pending-card{position:relative;overflow:hidden;border:1px solid var(--tg-line);border-radius:16px;background:#fff;box-shadow:var(--tg-shadow-1);padding:12px}.pending-card:before{content:"";position:absolute;left:0;top:10px;width:3px;height:44px;border-radius:4px;background:var(--tg-primary)}.pending-card.nasiya:before{background:var(--tg-nasiya)}.login-screen{min-height:calc(100vh - 24px);display:grid;place-items:center;background:radial-gradient(circle at 20% 15%,#f9731629,#f9731600 40%),radial-gradient(circle at 80% 85%,#f59e0b2e,#f59e0b00 38%)}.login-card{width:100%;max-width:400px;padding:18px;border-radius:20px;border:1px solid var(--tg-line);background:#fffffff5;box-shadow:var(--tg-shadow-3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-logo{width:80px;height:80px;margin:0 auto 10px;border-radius:20px;display:grid;place-items:center;background:#fff;border:1px solid var(--tg-line-strong);box-shadow:0 14px 30px #f9731633;font-size:42px}.login-title{margin:4px 0 0;font-weight:800;text-align:center}.login-subtitle{margin:2px 0 14px;text-align:center;color:var(--tg-text-secondary);font-size:13px}.login-error{color:var(--tg-danger);background:#fff0e5;border:1px solid #ffd9c8;border-radius:10px;padding:8px 10px;margin-bottom:8px;font-size:13px}.voice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b1a10b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:60;display:grid;place-items:center;padding:20px}.voice-shell{width:min(380px,100%);text-align:center;color:#fff2e8}.voice-mic{margin:0 auto;width:92px;height:92px;border-radius:999px;background:radial-gradient(circle at 30% 20%,#ffb779,#f97316 65%,#c95c13);display:grid;place-items:center;font-size:36px;position:relative}.voice-mic svg{width:34px;height:34px}.voice-ripple{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:999px;border:2px solid rgba(251,170,104,.45);animation:voiceRipple 1.2s infinite}.voice-ripple:nth-child(2){animation-delay:.25s}.voice-ripple:nth-child(3){animation-delay:.5s}.voice-wave{margin-top:16px;display:flex;align-items:flex-end;justify-content:center;gap:4px;height:36px}.voice-wave span{width:5px;border-radius:999px;background:#f4b07a;animation:voiceWave .9s infinite ease-in-out}.voice-wave span:nth-child(2){animation-delay:.08s}.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{margin-top:6px;color:#ffe2cc;font-size:13px}.scanner-frame{width:100%;min-height:220px;border-radius:16px;overflow:hidden;border:1px solid rgba(168,129,100,.36);position:relative;background:#2b1a10}.scanner-video{width:100%;min-height:220px;background:#24150d}.scanner-laser{position:absolute;left:10%;right:10%;height:2px;background:#f97316e6;box-shadow:0 0 16px #f97316cc;animation:laserMove 1.8s ease-in-out infinite alternate}.status-text{margin-top:8px;font-size:13px;color:var(--tg-text-secondary)}.status-text.error{color:#b45309}.empty-state{margin-top:14px;padding:22px 14px;text-align:center;border:1px dashed var(--tg-line-strong);border-radius:16px;color:var(--tg-text-secondary);background:#ffffffb3}.skeleton{position:relative;overflow:hidden;background:#f3dcc8}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.65) 50%,transparent 100%);animation:shimmer 1.2s infinite}@keyframes shimmer{to{transform:translate(100%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes voiceRipple{0%{transform:scale(.95);opacity:.7}to{transform:scale(1.25);opacity:0}}@keyframes voiceWave{0%,to{height:8px;opacity:.45}50%{height:32px;opacity:1}}@keyframes laserMove{0%{top:22%}to{top:78%}}@keyframes sheetIn{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.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:pageEnter .4s ease-out both}.home-page .home-search{animation-delay:70ms}.home-page>section:nth-of-type(1){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{position:sticky;top:var(--ui-home-hero-sticky-top);border-radius:20px;padding:14px 14px 10px;overflow:hidden;isolation:isolate}.home-page .home-hero:before{content:"";position:absolute;inset:-30% -20% auto -20%;height:150%;z-index:-1;background:radial-gradient(circle at 18% 26%,rgba(251,146,60,.28),transparent 45%),radial-gradient(circle at 82% 8%,rgba(124,45,18,.26),transparent 40%),linear-gradient(130deg,#7c2d1224,#fb923c1a);animation:heroMeshFloat 10s ease-in-out infinite alternate}.home-page .home-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(241,200,169,.72);pointer-events:none}.home-brand-chip{position:relative}.home-brand-chip:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;border:1px solid rgba(251,146,60,.5);animation:ringSpin 6s linear infinite}.home-hero-footnote{margin-top:10px;font-size:12px;color:var(--tg-text-muted);letter-spacing:.01em}.home-cart-btn{min-width:44px;min-height:44px}.home-cart-btn.pulse{animation:cartPulse .42s cubic-bezier(.34,1.56,.64,1)}.home-cart-badge.bounce{animation:badgeBounce .46s cubic-bezier(.34,1.56,.64,1)}.home-page .home-search{top:var(--ui-home-search-sticky-top);border-radius:18px;border-color:#f1c6a2d9}.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:"";position:absolute;left:20%;right:20%;top:48%;height:1.5px;border-radius:999px;background:#fb923ce0;box-shadow:0 0 8px #fb923ca6;animation:scanSweep 2s ease-in-out infinite;opacity:.65}.home-control-btn.voice-action-btn.warning{position:relative}.home-control-btn.voice-action-btn.warning:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:16px;border:2px solid rgba(220,91,32,.55);animation:micPulse 1s ease-out infinite}.section-head-row{margin:2px 0 10px}.section-head{margin:0;color:#8a6146;font-size:13px;text-transform:uppercase;letter-spacing:.09em}.section-count{min-width:30px;height:22px}.home-page .h-scroll{scroll-snap-type:x mandatory}.home-fast-card{scroll-snap-align:start;position:relative;width:var(--ui-fast-card-width);min-height:var(--ui-fast-card-height);border-radius:18px;overflow:hidden;padding:10px;text-align:left}.home-fast-card:before{display:none}.home-fast-card .fast-card-thumb{width:100%;height:var(--ui-fast-thumb-height);border-radius:18px;margin-bottom:10px;border:1px solid #f2d8c2;background:#fff;padding:0;overflow:hidden}.home-fast-card .fast-card-thumb-img{object-fit:cover;padding:0}.home-fast-card .fast-card-name{position:static;color:#3b2313;font-size:13px;line-height:1.28;min-height:34px;font-weight:600;z-index:auto}.home-fast-card .fast-card-price{position:static;color:#2b1a10;font-size:14px;margin-top:8px;z-index:auto}.fast-card-check{position:absolute;right:8px;top:8px;width:20px;height:20px;border-radius:999px;background:#f59e0bf2;color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;opacity:0;transform:scale(.8);transition:opacity .16s ease-out,transform .16s ease-out}.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{position:absolute;right:10px;top:10px;width:26px;height:26px;border-radius:999px;border:1px solid #edcdb3;background:#ffffffeb;color:#8d6a52;font-size:15px;line-height:1;display:grid;place-items:center;z-index:3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.category-strip-shell{position:relative;overflow:hidden;padding-bottom:8px}.category-strip{padding-bottom:8px}.category-edge-mask{position:absolute;top:0;bottom:8px;width:20px;z-index:2;pointer-events:none}.category-edge-mask.left{left:0;background:linear-gradient(to right,var(--tg-bg),transparent)}.category-edge-mask.right{right:0;background:linear-gradient(to left,var(--tg-bg),transparent)}.category-active-indicator{position:absolute;left:0;bottom:1px;height:3px;border-radius:999px;background:linear-gradient(90deg,#7c2d12,#fb923c);opacity:0;transition:transform .2s ease-in-out,width .2s ease-in-out,opacity .2s ease-in-out}.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:homeCardIn .4s ease-out both;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{padding:14px 13px 13px;gap:8px}.product-name{font-size:14px;min-height:38px}.product-price{font-size:18px;letter-spacing:-.01em;text-align:center}.product-meta-row{display:flex;align-items:center;justify-content:center;gap:8px}.product-stock{min-height:26px;border-radius:999px;border:1px solid transparent;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;text-align:center;white-space:nowrap}.product-stock.ok{background:#fff0e3;border-color:#f3c99f;color:#b45d13}.product-stock.warn{background:#fff1d6;border-color:#f3c27e;color:#8a4d12}.product-stock.danger{background:#ffeadf;border-color:#ffd8c4;color:#c2410c}.product-tile:not(.disabled):active{transform:scale(.97)}.products-section{margin-top:10px}.pay-options-grid{display:grid;gap:8px;margin-top:10px}.page-actions{margin-top:10px;display:grid;gap:8px}.pending-actions{flex-wrap:wrap;justify-content:flex-start}.pending-actions .btn{flex:1 1 120px}.nasiya-actions{flex-wrap:wrap;justify-content:flex-start}.nasiya-actions .btn{flex:1 1 170px}.sales-filter-row{flex-wrap:wrap;justify-content:flex-start}.sales-filter-row .btn{flex:1 1 110px}.bottom-nav a.active .nav-icon{animation:navPop .26s cubic-bezier(.34,1.56,.64,1)}@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:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.03)}}@keyframes scanSweep{0%,to{transform:translateY(-6px);opacity:.25}50%{transform:translateY(6px);opacity:.7}}@keyframes micPulse{0%{transform:scale(.98);opacity:.7}to{transform:scale(1.08);opacity:0}}@keyframes navPop{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}@media (max-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 (min-width: 361px) and (max-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 (min-width: 431px) and (max-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 (min-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 (max-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{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}