@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--tg-bg: var(--tg-theme-bg-color, #ebf0fb);--tg-text: var(--tg-theme-text-color, #111d36);--tg-hint: var(--tg-theme-hint-color, #66728b);--tg-secondary: var(--tg-theme-secondary-bg-color, #f9fbff);--bg: var(--tg-bg);--ink: var(--tg-text);--muted: var(--tg-hint);--surface: var(--tg-secondary);--surface-strong: #ffffff;--surface-soft: #f3f7ff;--border: rgba(78, 102, 149, .24);--border-strong: rgba(38, 69, 136, .35);--accent: #246bff;--accent-strong: #1557e7;--accent-soft: rgba(36, 107, 255, .1);--success: #117a4d;--warning: #af5d00;--danger: #b32835;--shadow-sm: 0 8px 22px rgba(20, 38, 78, .08);--shadow-md: 0 18px 40px rgba(20, 38, 78, .12);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px;font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--ink);color-scheme:light}*{box-sizing:border-box;min-width:0}body{margin:0;color:var(--ink);background:radial-gradient(120% 100% at 18% -12%,#00b0ff33,#00b0ff00 55%),radial-gradient(140% 120% at 90% -18%,#5d78ff33,#5d78ff00 52%),linear-gradient(180deg,#f5f8ff,#edf2ff 52%,#e8edf8);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent-strong)}p{margin:0}h1,h2,h3,h4{margin:0;letter-spacing:-.02em}.page{max-width:980px;margin:0 auto;padding:14px 12px calc(94px + env(safe-area-inset-bottom));display:grid;gap:12px}.page.page-home{padding-top:18px}.app-header{border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;background:linear-gradient(140deg,#fffffff2,#f6fafff2),linear-gradient(180deg,#4f82ff14,#0000);box-shadow:var(--shadow-sm);display:flex;align-items:flex-start;justify-content:space-between;gap:12px;overflow:hidden}.app-header-main{display:grid;gap:6px}.app-title{font-size:clamp(26px,6vw,40px);line-height:1.02}.compact-title{font-size:clamp(24px,5vw,32px)}.tag{text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:var(--muted)}.subtitle{color:var(--muted);font-size:14px;max-width:58ch}.app-header-tools{display:grid;gap:10px;align-items:start}.user-chip{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-strong);padding:10px 12px;min-width:190px;display:grid;gap:4px}.value{font-size:15px;font-weight:600;overflow-wrap:anywhere}.screen-stack{display:grid;gap:12px}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,#fffffff5,#f8fbfff5);box-shadow:var(--shadow-sm);padding:16px;display:grid;gap:14px;overflow:hidden}.notification-card,.orders-grid,.order-detail,.orders-list,.requests-list,.cart-list,.match-grid,.search-offer-grid,.quote-grid,.timeline,.photo-grid,.message-list,.payments,.payment-list,.info-sections,.info-grid,.grid,.button-group,.notification-actions,.notification-list,.detail-tabs,.status-filters{min-width:0}h2{font-size:clamp(21px,5vw,30px);line-height:1.15}h3{font-size:clamp(18px,4.2vw,23px);line-height:1.2}h4{font-size:18px;line-height:1.25}.label{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.muted{color:var(--muted)}.title-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.link-preview,.link-link{display:inline-block;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.link-preview{color:var(--muted);text-decoration:none}.link-preview:hover,.link-link:hover{color:var(--accent-strong);text-decoration:underline}label{display:grid;gap:6px;font-size:14px;font-weight:600}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-strong);font:inherit;color:var(--ink);padding:11px 12px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}input:focus,select:focus,textarea:focus{border-color:#246bff8c;box-shadow:0 0 0 3px #246bff21}input::placeholder,textarea::placeholder{color:#66728be6}textarea{min-height:96px;resize:vertical}.inline-field{margin-top:8px}.inline-field input{margin-top:6px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}button{border:1px solid transparent;border-radius:var(--radius-sm);min-height:40px;padding:0 14px;font:inherit;font-weight:600;color:inherit;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}button:hover{transform:translateY(-1px)}button:disabled{opacity:.56;cursor:not-allowed;transform:none}button.primary{background:linear-gradient(130deg,var(--accent) 0%,#29b5ff 100%);color:#fff;border-color:#1557e766;box-shadow:0 10px 24px #246bff42}button.primary:disabled{box-shadow:none}button.ghost{border-color:var(--border);background:var(--surface-strong)}button.ghost.danger{color:var(--danger);border-color:#b3283552;background:#b3283514}.button-group{display:flex;flex-wrap:wrap;gap:8px}.button-group button{min-width:0}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.notice,.warning,.error,.success{border-radius:var(--radius-sm);padding:10px 12px;border:1px solid transparent;overflow-wrap:anywhere}.notice.warning,.warning{background:#f59e0b21;border-color:#f59e0b59;color:var(--warning)}.error{background:#ef44441c;border-color:#ef444459;color:#8a1a1f}.success{background:#22c55e1c;border-color:#22c55e59;color:var(--success)}.lang-toggle{display:grid;gap:6px}.lang-toggle.compact{justify-items:end}.lang-toggle .button-group{margin:0}.lang-toggle button{min-width:52px;height:34px;padding:0 10px}.info-sections{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.info-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-strong);padding:11px 12px;display:grid;gap:5px;overflow-wrap:anywhere}.info-card span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.requests-continue{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.requests-list{display:grid;gap:8px}.request-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}.request-item{text-align:left;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-strong);padding:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;overflow:hidden}.request-item strong,.request-item p{overflow-wrap:anywhere;word-break:break-word}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{min-height:36px;padding:0 14px;border-radius:999px;border-color:var(--border);background:var(--surface-strong);color:var(--muted)}.pill.active{background:#246bff24;border-color:#246bff80;color:var(--ink)}.photo-upload,.photo-list{display:grid;gap:8px}.photo-chip{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-strong);padding:8px 10px;overflow-wrap:anywhere}.checkbox-row,.confirm-check{display:flex;align-items:flex-start;gap:8px;font-weight:500}.checkbox-row input,.confirm-check input{width:18px;height:18px;margin-top:1px}.search-offer-grid,.match-grid,.cart-list,.quote-grid,.notification-list,.message-list,.timeline,.payment-list,.photo-grid{display:grid;gap:10px}.search-offer-card,.match-card,.cart-item,.quote-card,.notification-item,.order-item,.payment-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-strong);padding:12px;overflow:hidden}.search-offer-card,.match-card{display:grid;gap:10px;position:relative}.search-offer-head{display:grid;grid-template-columns:auto 62px minmax(0,1fr);gap:10px;align-items:start}.search-offer-title strong,.search-offer-title p,.match-header strong,.match-header p{overflow-wrap:anywhere;word-break:break-word}.search-offer-title strong{display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-offer-image{width:62px;height:62px;border-radius:12px;border:1px solid var(--border);object-fit:cover;background:var(--surface-soft)}.search-offer-image.search-offer-image-placeholder{display:grid;place-items:center;color:var(--muted);font-size:12px;font-weight:600}.match-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start}.match-meta,.match-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:13px}.quantity-field input{width:86px}.availability-pill{position:absolute;top:10px;right:10px;border-radius:999px;border:1px solid rgba(239,68,68,.45);background:#ef44441f;color:#8a1a1f;font-size:11px;padding:4px 8px}.cart-item{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.cart-item strong,.cart-item p{overflow-wrap:anywhere;word-break:break-word}.cart-meta{display:grid;gap:8px;justify-items:end;text-align:right}.cart-summary,.confirmation,.payment-summary{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.quote-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-card{display:grid;gap:10px}.quote-item{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px dashed rgba(92,114,149,.35)}.quote-item:last-child{border-bottom:none}.quote-item strong,.quote-item p{overflow-wrap:anywhere;word-break:break-word}.quote-qty{display:grid;gap:4px;text-align:right}.quote-row{display:flex;justify-content:space-between;gap:10px}.quote-row.total{border-top:1px solid rgba(92,114,149,.28);padding-top:10px}.confirm-checklist{display:grid;gap:8px}.total-block{border:1px solid rgba(36,107,255,.26);border-radius:var(--radius-md);background:linear-gradient(130deg,#246bff1f,#11b2ff2e);padding:12px;min-width:220px}.payment-list{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-card{text-align:left;width:100%;display:grid;gap:6px;box-shadow:none}button.payment-card:hover{transform:none}.payment-card.active{border-color:#246bff80;background:#246bff1a}.qr-preview{width:120px;height:120px;border-radius:var(--radius-sm);border:1px solid var(--border);object-fit:cover;background:#fff}.orders-grid{display:grid;grid-template-columns:minmax(240px,290px) minmax(0,1fr);gap:12px}.orders-list{display:flex;flex-direction:column;gap:8px}.status-filters{display:flex;gap:8px;flex-wrap:wrap}.status-filter{border-radius:999px;border:1px solid var(--border);background:var(--surface-strong);color:var(--muted);min-height:32px;font-size:12px;padding:0 10px;display:inline-flex;align-items:center;gap:6px}.status-filter.active{color:var(--ink);border-color:#246bff73;background:#246bff21}.filter-count,.tab-badge{min-width:17px;height:17px;border-radius:999px;display:inline-grid;place-items:center;padding:0 4px;font-size:10px;font-weight:700}.filter-count{background:#6b779433;color:var(--ink)}.status-filter.active .filter-count{background:#246bff33;border:1px solid rgba(36,107,255,.4)}.order-item{text-align:left;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.order-item.active{border-color:#246bff80;background:#246bff14}.order-item strong,.order-item p,.detail-header h3,.detail-header p,.status,.status-pill{overflow-wrap:anywhere;word-break:break-word}.order-detail{display:grid;gap:12px}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.detail-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-strong)}.detail-tabs button{min-height:34px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:12px;padding:0 8px}.detail-tabs button.active{color:var(--ink);border-color:#246bff66;background:#246bff21}.status,.status-pill{border-radius:999px;border:1px solid var(--border);background:var(--surface-soft);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:5px 10px;max-width:230px}.status-pill{min-height:31px;display:inline-flex;align-items:center}.tone-waiting{color:#9a4a00;background:#f59e0b24;border-color:#f59e0b73}.tone-received{color:#0d469f;background:#3b82f624;border-color:#3b82f670}.tone-warehouse{color:#884700;background:#f9731626;border-color:#f9731670}.tone-consolidation{color:#1f3d8f;background:#6366f124;border-color:#6366f166}.tone-shipped{color:#4d2ea8;background:#8b5cf624;border-color:#8b5cf666}.tone-delivered{color:#106a43;background:#22c55e24;border-color:#22c55e66}.tone-issue{color:#9b1f2a;background:#f43f5e26;border-color:#f43f5e70}.tone-cancelled{color:#51607a;background:#94a3b82b;border-color:#94a3b873}.timeline .step{border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;background:var(--surface-strong);display:grid;gap:8px}.timeline .step.done{border-color:#246bff61;background:#246bff1a}.step-head{display:flex;align-items:center;gap:8px}.step-time{font-size:12px;color:var(--muted)}.step-description{color:var(--muted)}.timeline-photo{width:100%;max-width:260px;height:140px;object-fit:cover;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-strong)}.warehouse-card,.shipment-card,.delivery-card,.final-invoice-card,.invoice-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-strong);padding:12px;display:grid;gap:10px}.warehouse-card{background:linear-gradient(130deg,#3b82f614,#16a34a14)}.shipment-card{background:linear-gradient(130deg,#6366f11a,#3b82f614)}.delivery-card{background:linear-gradient(130deg,#22c55e17,#3b82f614)}.final-invoice-card{border-color:#246bff59;background:#246bff14}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.invoice-meta{display:grid;gap:4px}.estimate{display:grid;gap:8px}.estimate>div,.estimate .line,.payment-summary{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.estimate .total{border-top:1px dashed rgba(92,114,149,.35);padding-top:10px}.line-values{display:grid;gap:2px;text-align:right;flex-shrink:0}.line-values small{color:var(--muted);font-size:11px}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.photo-grid img{width:100%;height:112px;object-fit:cover;border-radius:12px;border:1px solid var(--border);background:var(--surface-strong)}.messages{display:grid;gap:10px}.message-list{max-height:320px;overflow-y:auto;padding-right:2px}.message{border:1px solid var(--border);border-radius:14px;padding:10px 12px;background:var(--surface-strong);display:grid;gap:6px}.message.user{margin-left:auto;max-width:88%;background:#246bff1c}.message.operator{margin-right:auto;max-width:88%}.message-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.message-input input{min-width:0}.live-pill{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--border);font-size:12px;font-weight:600;padding:4px 9px}.live-pill.live{color:#106a43;background:#22c55e21;border-color:#22c55e61}.live-pill.connecting{color:#924c00;background:#f59e0b29;border-color:#f59e0b66}.live-pill.error{color:#9b1f2a;background:#ef444426;border-color:#ef44445c}.live-pill.offline{color:var(--muted);background:#94a3b82e}.notification-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.notification-actions{display:flex;flex-wrap:wrap;gap:6px}.notification-item{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.notification-item.unread{border-color:#246bff73;background:#246bff14}.notification-copy{display:grid;gap:4px}.notification-copy strong,.notification-copy p,.notification-copy span{overflow-wrap:anywhere;word-break:break-word}.notification-copy span{font-size:12px;color:var(--muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e16296b;display:grid;place-items:center;padding:16px;z-index:35}.modal-card{width:min(540px,100%);max-height:min(90vh,760px);overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:#fbfdff;box-shadow:var(--shadow-md);padding:16px;display:grid;gap:12px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.tracking-actions{margin:0}.tracking-actions button{min-width:148px}.divider{height:1px;background:#5c729538}.bottom-tabs{position:fixed;left:6px;right:6px;bottom:calc(6px + env(safe-area-inset-bottom));border:1px solid var(--border-strong);border-radius:18px;background:#f8fbfff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);padding:6px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;z-index:20}.bottom-tabs button{min-height:56px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--muted);display:grid;align-content:center;justify-items:center;gap:2px;min-width:0;padding:5px 2px}.bottom-tabs button.active{color:var(--ink);border-color:#246bff59;background:#246bff1f}.tab-icon{width:18px;height:18px;position:relative;display:grid;place-items:center}.tab-icon svg{width:18px;height:18px}.tab-label{max-width:100%;font-size:10px;line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-badge{background:#246bff29;border:1px solid rgba(36,107,255,.48);color:#07327c}.tab-badge-icon{position:absolute;top:-7px;right:-10px}@media (max-width: 940px){.orders-grid{grid-template-columns:1fr}.detail-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-list,.quote-grid,.grid,.info-sections,.info-grid{grid-template-columns:1fr}}@media (max-width: 760px){.page{padding-left:10px;padding-right:10px}.app-header{display:grid;gap:10px}.app-header-tools{justify-items:start;width:100%}.lang-toggle.compact{justify-items:start}.user-chip{width:100%;min-width:0}.section-head,.notification-head,.notification-item,.detail-header,.cart-item,.confirmation,.message-input{flex-direction:column;align-items:stretch;display:flex}.cart-meta{justify-items:start;text-align:left}.request-row{grid-template-columns:1fr}.request-row .ghost.danger{width:100%}.status,.status-pill{max-width:100%}.search-offer-head{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"check title" "check image"}.search-offer-head>input{grid-area:check;margin-top:4px}.search-offer-title{grid-area:title}.search-offer-image{grid-area:image;width:84px;height:84px}.bottom-tabs{left:4px;right:4px;bottom:calc(4px + env(safe-area-inset-bottom));padding:5px;gap:3px}.bottom-tabs button{min-height:54px;padding:4px 1px}.tab-label{font-size:9.5px}}@media (max-width: 420px){.card,.app-header,.modal-card{border-radius:18px;padding:14px}.app-title{font-size:clamp(24px,8.6vw,30px)}.tag{font-size:9px}.tracking-actions button{min-width:0}.bottom-tabs{border-radius:14px}}