:root{--bg: var(--tg-theme-secondary-bg-color, #f1f1f4);--card: var(--tg-theme-section-bg-color, var(--tg-theme-bg-color, #ffffff));--text: var(--tg-theme-text-color, #111111);--hint: var(--tg-theme-hint-color, #8a8a8e);--accent: var(--tg-theme-button-color, #2481cc);--accent-text: var(--tg-theme-button-text-color, #ffffff);--link: var(--tg-theme-link-color, #2481cc);--danger: var(--tg-theme-destructive-text-color, #d9363e);--divider: var(--tg-theme-section-separator-color, rgba(128, 128, 128, .2));--radius: 12px;--safe-bottom: max(env(safe-area-inset-bottom, 0px), var(--tg-safe-area-inset-bottom, 0px))}@media (prefers-color-scheme: dark){:root:not([style*=--tg-theme]){--bg: #17171a;--card: #232327;--text: #f2f2f5}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--text);font:15px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overscroll-behavior-y:none}a{color:inherit;text-decoration:none}small{color:var(--hint);font-size:13px}h1,p{margin:0}img{display:block}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}button:disabled{opacity:.45;cursor:default}input,select,textarea{width:100%;min-height:42px;padding:10px 12px;font-size:16px;background:var(--bg);border:1px solid transparent;border-radius:10px;outline:none;appearance:none;-webkit-appearance:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}select{padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238e8e93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}select:disabled{opacity:.55}textarea{resize:vertical;display:block}input[type=search]::-webkit-search-cancel-button{display:none}input[type=file]{display:none}.stub,.fatal{min-height:100vh;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;padding:24px;text-align:center;font-size:17px}.stub{background:var(--bg)}.page{padding:12px 12px calc(20px + var(--safe-bottom));max-width:640px;margin:0 auto}.page.with-nav{padding-bottom:calc(76px + var(--safe-bottom))}.center-spinner{min-height:40vh;display:flex;align-items:center;justify-content:center}.spinner{width:26px;height:26px;border-radius:50%;border:2.5px solid var(--divider);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;background:var(--card);border-top:1px solid var(--divider);padding-bottom:var(--safe-bottom)}.nav-item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px 6px;color:var(--hint)}.nav-item.active{color:var(--accent)}.nav-icon{position:relative;display:flex}.nav-title{font-size:11px;line-height:1.2;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-badge{position:absolute;top:-4px;right:-9px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--danger);color:#fff;font-size:10px;line-height:16px;text-align:center}.custom-icon{display:inline-block;background:currentColor}.card{background:var(--card);border-radius:var(--radius)}.card.row-between,.balance-card,.card.review,.cart-line,.card.form{padding:12px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{display:flex;flex-direction:column;overflow:hidden}.product-thumb{aspect-ratio:1;display:flex;align-items:center;justify-content:center;color:var(--hint);background:var(--divider)}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-info{padding:8px 10px 10px;display:flex;flex-direction:column;gap:3px}.product-name{overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price{font-weight:600}.search{position:relative;margin-bottom:8px}.search svg{position:absolute;left:12px;top:12px;color:var(--hint)}.search input{padding-left:38px;background:var(--card)}.chips{display:flex;gap:6px;overflow-x:auto;margin:0 -12px 10px;padding:0 12px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;padding:6px 12px;border-radius:16px;background:var(--card);white-space:nowrap;font-size:14px}.chip.active{background:var(--accent);color:var(--accent-text)}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:44px 16px;color:var(--hint)}.section{margin-top:14px}.section:first-child{margin-top:0}.section-head{display:flex;justify-content:space-between;align-items:center;margin:0 4px 6px;min-height:18px}.section-title{color:var(--hint);font-size:13px}.title{font-size:20px;font-weight:600;margin:4px 2px 8px;overflow-wrap:anywhere}.description{margin:0 2px 8px;white-space:pre-wrap;overflow-wrap:anywhere}.status-line{margin:0 2px 10px}.total-row{margin-top:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.row-gap{display:inline-flex;align-items:center;gap:8px}.stack{display:flex;flex-direction:column;gap:8px}.form{display:flex;flex-direction:column;gap:10px}.muted-line{color:var(--hint)}.muted{opacity:.6}.danger{color:var(--danger)}.list>*+*{border-top:1px solid var(--divider)}.list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:9px 12px;width:100%;text-align:left;overflow-wrap:anywhere}.list-row small{display:block}.admin-link{border-radius:var(--radius)}.field{display:flex;flex-direction:column;gap:4px}.field-label{font-size:13px;color:var(--hint)}.radio-row{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:9px 12px;text-align:left}.radio-mark{flex:none;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid var(--hint)}.radio-row.checked .radio-mark{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.radio-body{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;overflow-wrap:anywhere}.stepper{display:inline-flex;align-items:center;gap:2px;background:var(--bg);border-radius:10px}.stepper button{width:34px;height:34px;display:flex;align-items:center;justify-content:center}.stepper span{min-width:26px;text-align:center;font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:8px 16px;border-radius:10px;background:var(--accent);color:var(--accent-text)}.btn.wide{width:100%;margin-top:10px}.btn.small{min-height:34px;padding:4px 12px;font-size:14px}.btn.ghost{background:var(--card);color:var(--link)}.btn.ghost.danger{color:var(--danger)}.icon-btn{flex:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--hint)}.text-accent{color:var(--link)}.text-link{display:block;padding:10px 4px;color:var(--link)}.segmented{display:flex;gap:4px;padding:4px;background:var(--card);border-radius:var(--radius)}.segmented button{flex:1;min-height:36px;padding:4px 6px;border-radius:9px}.segmented button.active{background:var(--accent);color:var(--accent-text)}.badge{flex:none;padding:3px 8px;border-radius:8px;font-size:12px;background:var(--divider);white-space:nowrap}.badge.ok{background:#34a85329;color:#2e9e4f}.badge.warn{background:#f0a01e2e;color:#c9820e}.badge.bad{background:#d9363e24;color:#d9363e}.notice{padding:10px 12px;margin-bottom:10px;border-radius:10px;background:#f0a01e2e}.gallery-wrap{position:relative;margin:-12px -12px 10px}.gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.gallery::-webkit-scrollbar{display:none}.gallery img{flex:none;width:100%;aspect-ratio:1;object-fit:cover;scroll-snap-align:center}.gallery-dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:5px}.dot{width:6px;height:6px;border-radius:50%;background:#ffffff8c}.dot.active{background:#fff}.review{display:flex;flex-direction:column;gap:4px}.review p{white-space:pre-wrap;overflow-wrap:anywhere}.stars{display:inline-flex;gap:1px;color:#e6a817}.cart-line{display:flex;gap:10px;align-items:flex-start}.cart-thumb{flex:none;width:60px;height:60px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--divider);color:var(--hint)}.cart-thumb img{width:100%;height:100%;object-fit:cover}.cart-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.balance-card{display:flex;flex-direction:column}.balance-value{font-size:30px;font-weight:600;margin-top:2px;overflow-wrap:anywhere}.copy-row{display:flex;align-items:center;gap:8px}.copy-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.copy-text code{font:15px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.qr{display:flex;justify-content:center}.qr svg{border-radius:8px}.toast{position:fixed;left:50%;bottom:calc(84px + var(--safe-bottom));transform:translate(-50%);z-index:50;max-width:calc(100% - 32px);padding:9px 14px;border-radius:10px;background:#000000d1;color:#fff;font-size:14px;text-align:center}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;cursor:pointer}.toggle input{position:absolute;opacity:0;width:0;height:0;min-height:0;padding:0}.toggle-track{flex:none;position:relative;width:42px;height:25px;border-radius:13px;background:var(--divider);transition:background .15s}.toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:21px;height:21px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 2px #0000004d}.toggle input:checked+.toggle-track{background:var(--accent)}.toggle input:checked+.toggle-track:after{transform:translate(17px)}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.photo{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--divider)}.photo img{width:100%;height:100%;object-fit:cover}.photo-actions{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;background:#00000080;color:#fff}.photo-actions button{width:30px;height:28px;display:flex;align-items:center;justify-content:center}.photo-add{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1.5px dashed var(--hint);color:var(--hint);cursor:pointer}.subcard{padding:10px;border-radius:10px;background:var(--bg);display:flex;flex-direction:column;gap:8px}.subcard input,.subcard textarea,.subcard select{background:var(--card)}.city-list{padding-left:16px}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:4px}.icon-choice{height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--hint)}.icon-choice.active{background:var(--accent);color:var(--accent-text)}.toolbar{display:flex;gap:8px;margin-bottom:10px}.toolbar .search{flex:1;margin:0}.admin-thumb{flex:none;width:44px;height:44px;border-radius:8px;object-fit:cover;background:var(--divider)}.row-main{flex:1;min-width:0}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions .btn{flex:1}
