:root{--bg-primary: var(--tg-theme-bg-color, #1a1a2e);--bg-secondary: var(--tg-theme-secondary-bg-color, #16213e);--text-primary: var(--tg-theme-text-color, #e8e8e8);--text-secondary: var(--tg-theme-hint-color, #8b8b9e);--accent: var(--tg-theme-button-color, #6c5ce7);--accent-text: var(--tg-theme-button-text-color, #ffffff);--link: var(--tg-theme-link-color, #74b9ff);--card-bg: rgba(255, 255, 255, .06);--card-border: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .1);--green: #00d68f;--red: #ff6b6b;--yellow: #ffd93d;--gradient-primary: linear-gradient(135deg, #6c5ce7, #a29bfe);--gradient-green: linear-gradient(135deg, #00b894, #00d68f);--gradient-red: linear-gradient(135deg, #e17055, #ff6b6b);--shadow: 0 4px 20px rgba(0, 0, 0, .3);--radius: 16px;--radius-sm: 10px}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1;padding-bottom:70px;overflow-y:auto}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--bg-secondary);border-top:1px solid var(--border);padding:6px 0 env(safe-area-inset-bottom,8px);z-index:100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:none;background:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.bottom-nav-item.active{color:var(--accent)}.nav-icon{font-size:20px}.nav-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.page{padding:16px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.page-header h1{font-size:22px;font-weight:700}.period-selector{display:flex;gap:4px;background:var(--card-bg);border-radius:12px;padding:3px}.period-btn{padding:6px 14px;border:none;border-radius:10px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.period-btn.active{background:var(--accent);color:var(--accent-text)}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.metric-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:14px;display:flex;align-items:center;gap:12px;transition:transform .2s ease}.metric-card:active{transform:scale(.97)}.metric-card.trend-up{border-left:3px solid var(--green)}.metric-card.trend-down{border-left:3px solid var(--red)}.metric-icon{font-size:24px}.metric-value{font-size:18px;font-weight:700;line-height:1.2}.metric-suffix{font-size:13px;font-weight:400;color:var(--text-secondary)}.metric-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.card h2{font-size:15px;font-weight:600;margin-bottom:12px;color:var(--text-secondary)}.chart-container{margin:0 -8px}.sku-table{display:flex;flex-direction:column;gap:1px}.sku-row{display:grid;grid-template-columns:2fr 1fr 1.5fr 1.5fr;gap:8px;padding:10px 0;border-bottom:1px solid var(--border);font-size:12px;align-items:center}.sku-row:last-child{border-bottom:none}.sku-header{font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:10px;letter-spacing:.5px}.sku-article{font-weight:600;color:var(--link)}.text-green{color:var(--green)}.text-red{color:var(--red)}.stats-footer{display:flex;justify-content:space-around;padding:12px;background:var(--card-bg);border-radius:var(--radius);margin-top:8px;font-size:12px;color:var(--text-secondary)}.stock-badges{display:flex;gap:6px}.badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.badge-red{background:#ff6b6b33;color:var(--red)}.badge-yellow{background:#ffd93d33;color:var(--yellow)}.badge-gray{background:var(--card-bg);color:var(--text-secondary)}.search-bar{margin-bottom:10px}.search-input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text-secondary)}.sort-bar{display:flex;gap:6px;margin-bottom:12px}.sort-btn{padding:6px 14px;border:1px solid var(--border);border-radius:20px;background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s}.sort-btn.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.stock-list{display:flex;flex-direction:column;gap:8px}.stock-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:14px;animation:fadeIn .3s ease}.stock-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.stock-article{font-weight:700;font-size:14px}.stock-status{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:700}.status-red{background:#ff6b6b33;color:var(--red)}.status-yellow{background:#ffd93d33;color:var(--yellow)}.status-green{background:#00d68f33;color:var(--green)}.status-gray{background:var(--card-bg);color:var(--text-secondary)}.stock-name{font-size:12px;color:var(--text-secondary);margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.stock-detail{display:flex;flex-direction:column}.detail-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;font-weight:600}.stock-warehouses{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.warehouse-tag{padding:2px 8px;background:#ffffff0d;border-radius:6px;font-size:11px;color:var(--text-secondary)}.chat{display:flex;flex-direction:column;height:calc(100vh - 70px);padding-bottom:0}.chat-badge{padding:4px 12px;background:var(--gradient-primary);border-radius:20px;font-size:11px;font-weight:700;color:#fff}.chat-messages{flex:1;overflow-y:auto;padding-bottom:12px}.chat-welcome{text-align:center;padding:40px 16px 20px}.welcome-icon{font-size:48px;margin-bottom:12px}.chat-welcome h2{font-size:22px;margin-bottom:8px}.chat-welcome p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:20px}.quick-questions{display:flex;flex-direction:column;gap:8px}.quick-btn{padding:12px 16px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s;text-align:left}.quick-btn:hover{border-color:var(--accent);background:#6c5ce71a}.quick-btn:disabled{opacity:.5;cursor:not-allowed}.chat-msg{padding:12px 16px;margin-bottom:8px;border-radius:var(--radius);animation:fadeIn .3s ease;max-width:92%}.chat-msg.user{background:var(--accent);color:var(--accent-text);margin-left:auto;border-bottom-right-radius:4px}.chat-msg.assistant{background:var(--card-bg);border:1px solid var(--card-border);border-bottom-left-radius:4px}.msg-text{font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.msg-tools{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.tool-tag{padding:2px 8px;background:#6c5ce726;border-radius:6px;font-size:11px;color:var(--accent)}.msg-loading{display:flex;align-items:center;gap:10px}.typing-dots{display:flex;gap:4px}.typing-dots span{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:typing 1.4s infinite both}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.loading-text{font-size:13px;color:var(--text-secondary)}.chat-input-bar{display:flex;gap:8px;padding:12px 0;border-top:1px solid var(--border)}.chat-input{flex:1;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.chat-input:focus{border-color:var(--accent)}.chat-input::placeholder{color:var(--text-secondary)}.chat-input:disabled{opacity:.5}.send-btn{width:48px;height:48px;border:none;border-radius:var(--radius-sm);background:var(--gradient-primary);color:#fff;font-size:18px;cursor:pointer;transition:transform .15s,opacity .2s;display:flex;align-items:center;justify-content:center}.send-btn:active{transform:scale(.92)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:16px}.loader-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{color:var(--text-secondary);font-size:14px}.error-state{text-align:center;padding:40px 16px;color:var(--red);font-size:14px}.empty-state{text-align:center;padding:40px 16px;color:var(--text-secondary)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}