:root{--bg: var(--tg-theme-bg-color, #f2f3f7);--card: var(--tg-theme-secondary-bg-color, #ffffff);--text: var(--tg-theme-text-color, #1c1c1e);--muted: var(--tg-theme-hint-color, #8e8e93);--link: var(--tg-theme-link-color, #3390ec);--brand: #3390ec;--ok: #2fa84f;--danger: #e53935;--warn: #f5a623;--border: rgba(128, 128, 128, .22);--radius: 12px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.45}h1{font-size:22px;margin:0 0 12px}h2{font-size:18px;margin:0 0 10px}h3{font-size:15px;margin:18px 0 8px}a{color:var(--link)}.muted{color:var(--muted)}.small{font-size:12.5px}.dimmed{opacity:.55}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.strong{font-weight:700}.ok-text{color:var(--ok);font-weight:600}.app{display:flex;flex-direction:column;min-height:100dvh}.app-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.app-header-store{display:flex;align-items:center;gap:8px;min-width:0}.app-logo{width:30px;height:30px;border-radius:8px;object-fit:cover}.app-main{flex:1;padding-bottom:66px}.page{padding:14px;max-width:760px;margin:0 auto;width:100%}.app-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--card);border-top:1px solid var(--border);z-index:30;padding-bottom:env(safe-area-inset-bottom)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px 6px;font-size:11px;text-decoration:none;color:var(--muted)}.nav-icon{font-size:18px;line-height:1}.nav-active{color:var(--brand);font-weight:600}.gate{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.gate-card{background:var(--card);border-radius:16px;padding:26px 22px;max-width:380px;width:100%;text-align:center;box-shadow:0 2px 14px #00000012}.gate-logo{font-size:42px;margin-bottom:6px}.gate-card form{text-align:left;margin-top:14px}.store-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.store-option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:15px;cursor:pointer}.store-option:active{opacity:.7}.btn{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:10px;padding:9px 14px;font-size:14px;font-weight:600;cursor:pointer}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-ok{background:var(--ok);border-color:var(--ok);color:#fff}.btn-danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn:disabled{opacity:.55;cursor:default}.mini-btn{border:1px solid var(--border);background:transparent;color:var(--text);border-radius:8px;padding:4px 9px;font-size:12.5px;cursor:pointer;white-space:nowrap}.mini-danger{color:var(--danger);border-color:var(--danger)}.icon-btn{border:none;background:transparent;color:var(--muted);font-size:17px;cursor:pointer;padding:4px 8px}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:9px 11px;font-size:15px;background:var(--bg);color:var(--text);font-family:inherit}input[type=color]{padding:3px;height:40px}input[type=checkbox]{width:auto;transform:scale(1.25);accent-color:var(--brand)}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);outline-offset:-1px}.field{display:flex;flex-direction:column;gap:4px}.field-label{font-size:12.5px;color:var(--muted);font-weight:600}.field-inline{display:flex;flex-direction:column;gap:2px}.field-inline input{width:auto}.stack{display:flex;flex-direction:column;gap:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;margin-bottom:8px;-webkit-overflow-scrolling:touch}.tab{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:999px;padding:6px 13px;font-size:13px;white-space:nowrap;cursor:pointer}.tab-active{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.badge{display:inline-block;border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:600;background:#80808026;color:var(--muted)}.badge-new{background:#f5a6232e;color:#b26a00}.badge-info{background:#3390ec26;color:var(--brand)}.badge-ok{background:#2fa84f26;color:var(--ok)}.badge-danger{background:#e5393521;color:var(--danger)}.badge-muted{background:#80808026;color:var(--muted)}.row-badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#e539351a;border:1px solid rgba(229,57,53,.35);color:var(--danger);border-radius:10px;padding:8px 12px;margin:8px 0;font-size:13.5px}.ok-banner{background:#2fa84f1f;border:1px solid rgba(47,168,79,.35);color:var(--ok);border-radius:10px;padding:8px 12px;margin:8px 0;font-size:13.5px}.empty-state{text-align:center;color:var(--muted);padding:40px 14px}.spinner-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;padding:34px;color:var(--muted)}.spinner{width:26px;height:26px;border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.order-list{display:flex;flex-direction:column;gap:8px}.order-card{text-align:left;border:1px solid var(--border);background:var(--card);border-radius:var(--radius);padding:11px 13px;cursor:pointer;color:var(--text);font:inherit;width:100%}.order-card-top,.order-card-bottom{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.order-card-top{margin-bottom:4px}.order-total{margin-left:auto}.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:10px 0}.kv dt{color:var(--muted);font-size:13px}.kv dd{margin:0;font-size:14px}.kv.totals{border-top:1px solid var(--border);padding-top:8px}.item-list{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:7px}.item-line{display:flex;justify-content:space-between;gap:10px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:50;display:flex;justify-content:flex-end}.drawer{background:var(--card);width:min(430px,100%);height:100%;overflow-y:auto;display:flex;flex-direction:column;animation:slide-in .18s ease-out}@keyframes slide-in{0%{transform:translate(30px);opacity:.4}to{transform:none;opacity:1}}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 6px}.drawer-head h2{margin:0}.drawer-body{padding:0 16px 20px}.drawer-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.product-list{display:flex;flex-direction:column;gap:8px}.product-row{display:flex;gap:11px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:10px}.product-thumb{width:56px;height:56px;border-radius:10px;object-fit:cover;flex-shrink:0}.product-thumb-empty{display:flex;align-items:center;justify-content:center;background:var(--bg);font-size:22px}.product-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.product-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.product-actions{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.cat-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--border)}.cat-add{display:flex;gap:8px;margin-top:8px}.mod-editor{border:1px dashed var(--border);border-radius:var(--radius);padding:10px;display:flex;flex-direction:column;gap:10px}.mod-editor-head{display:flex;align-items:center;justify-content:space-between}.mod-group{background:var(--bg);border-radius:10px;padding:9px;display:flex;flex-direction:column;gap:7px}.mod-group-head{display:flex;gap:7px}.mod-option{display:flex;gap:7px;align-items:center}.mod-delta{max-width:95px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:60;display:flex;align-items:flex-end;justify-content:center}.modal{background:var(--card);border-radius:16px 16px 0 0;width:100%;max-width:560px;max-height:92dvh;overflow-y:auto}.modal-wide{max-width:640px}@media (min-width: 640px){.modal-backdrop{align-items:center}.modal{border-radius:16px}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 4px;position:sticky;top:0;background:var(--card)}.modal-head h3{margin:0}.modal-body{padding:8px 16px 20px}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:6px}.convo-list{display:flex;flex-direction:column;gap:6px}.convo-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:11px 13px;cursor:pointer;color:var(--text);font:inherit;width:100%;text-align:left}.convo-main{display:flex;flex-direction:column;min-width:0}.convo-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.unread-badge{background:var(--brand);color:#fff;border-radius:999px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700;padding:0 6px}.thread-page{display:flex;flex-direction:column;height:calc(100dvh - 118px);padding-bottom:0}.thread-head{display:flex;align-items:center;gap:6px;margin-bottom:6px}.thread-head h2{margin:0}.thread-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:7px;padding:6px 0}.bubble{max-width:82%;border-radius:14px;padding:8px 11px;font-size:14.5px;display:flex;flex-direction:column;gap:3px}.bubble-customer{align-self:flex-start;background:var(--card);border:1px solid var(--border)}.bubble-store{align-self:flex-end;background:var(--brand);color:#fff}.bubble-time{font-size:10.5px;opacity:.65;align-self:flex-end}.bubble-photo{max-width:200px;border-radius:8px}.thread-input{display:flex;gap:8px;padding:8px 0 12px;background:var(--bg);position:sticky;bottom:0}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:8px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:3px}.stat-label{font-size:12.5px;color:var(--muted);font-weight:600}.stat-value{font-size:19px}.table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;font-size:14px}.table th,.table td{text-align:left;padding:8px 11px;border-bottom:1px solid var(--border)}.table th{color:var(--muted);font-size:12.5px}.table tr:last-child td{border-bottom:none}.export-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:15px;margin-bottom:14px}.zone-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--border)}.zone-row .muted{flex:1}.zone-add{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}.zone-add input{flex:1;min-width:90px}.deeplink-row{display:flex;align-items:center;gap:8px;margin:8px 0}.deeplink{display:block;background:var(--bg);border-radius:8px;padding:8px 10px;font-size:12.5px;word-break:break-all;flex:1}