:root{--tg-theme-bg-color: #ffffff;--tg-theme-text-color: #000000;--tg-theme-hint-color: #999999;--tg-theme-link-color: #2481cc;--tg-theme-button-color: #2481cc;--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: #f0f0f0;--tg-theme-header-bg-color: #2481cc;--tg-theme-accent-text-color: #2481cc;--tg-theme-section-bg-color: #ffffff;--tg-theme-section-header-text-color: #6d6d72;--tg-theme-subtitle-text-color: #6d6d72;--tg-theme-destructive-text-color: #ff3b30}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}.app{display:flex;flex-direction:column;min-height:100vh;padding-bottom:64px}.page{flex:1;padding:16px}.page-title{font-size:22px;font-weight:700;margin-bottom:16px}.tab-bar{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--tg-theme-section-bg-color);border-top:.5px solid var(--tg-theme-hint-color);padding:6px 0 env(safe-area-inset-bottom,8px);z-index:100}.tab-bar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;font-size:10px;color:var(--tg-theme-hint-color);padding:4px 0;transition:color .15s}.tab-bar a.active{color:var(--tg-theme-button-color)}.tab-bar a svg{width:24px;height:24px}.card{background:var(--tg-theme-section-bg-color);border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #0000000a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-title{font-size:15px;font-weight:600}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}.badge-new{background:#e3f2fd;color:#1565c0}.badge-confirmed{background:#e8f5e9;color:#2e7d32}.badge-cn-warehouse{background:#fff3e0;color:#e65100}.badge-shipped{background:#f3e5f5;color:#7b1fa2}.badge-delivered{background:#e8f5e9;color:#1b5e20}.badge-cancelled{background:#ffebee;color:#c62828}.progress-track{position:relative;display:flex;justify-content:space-between;align-items:center;padding:20px 0}.progress-line{position:absolute;top:50%;left:16px;right:16px;height:3px;background:var(--tg-theme-secondary-bg-color);transform:translateY(-50%);border-radius:2px}.progress-line-fill{position:absolute;top:0;left:0;height:100%;background:var(--tg-theme-button-color);border-radius:2px;transition:width .4s ease}.progress-step{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-hint-color);transition:all .3s}.progress-step.done{background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color)}.progress-step.current{background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color);box-shadow:0 0 0 4px #2481cc33}.progress-labels{display:flex;justify-content:space-between;margin-top:4px}.progress-labels span{font-size:10px;color:var(--tg-theme-hint-color);text-align:center;flex:1}.progress-labels span.active{color:var(--tg-theme-button-color);font-weight:600}.wallet-card{border-radius:16px;padding:20px;color:#fff;margin-bottom:12px}.wallet-card.usd{background:linear-gradient(135deg,#1a73e8,#4285f4)}.wallet-card.uzs{background:linear-gradient(135deg,#00897b,#26a69a)}.wallet-card.cny{background:linear-gradient(135deg,#e53935,#ef5350)}.wallet-card .currency-label{font-size:13px;opacity:.85;margin-bottom:4px}.wallet-card .balance{font-size:28px;font-weight:700;margin-bottom:12px}.wallet-actions{display:flex;gap:8px}.wallet-action-grid{margin-top:16px}.quick-amounts{display:flex;gap:8px;flex-wrap:wrap}.quick-amounts .btn{flex:1;min-width:70px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.btn:active{opacity:.7}.btn-primary{background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color)}.btn-secondary{background:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-text-color)}.btn-outline{background:transparent;border:1.5px solid var(--tg-theme-button-color);color:var(--tg-theme-button-color)}.btn-sm{padding:6px 14px;font-size:13px;border-radius:8px}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--tg-theme-section-header-text-color);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;padding:12px;border:1px solid var(--tg-theme-secondary-bg-color);border-radius:10px;font-size:16px;background:var(--tg-theme-section-bg-color);color:var(--tg-theme-text-color);outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--tg-theme-button-color)}.form-select{width:100%;padding:12px;border:1px solid var(--tg-theme-secondary-bg-color);border-radius:10px;font-size:16px;background:var(--tg-theme-section-bg-color);color:var(--tg-theme-text-color);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%23999'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.list-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--tg-theme-section-bg-color);border-radius:12px;margin-bottom:8px;cursor:pointer;transition:background .15s}.list-item:active{background:var(--tg-theme-secondary-bg-color)}.list-item-icon{width:40px;height:40px;border-radius:10px;background:var(--tg-theme-secondary-bg-color);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.list-item-content{flex:1;min-width:0}.list-item-title{font-size:15px;font-weight:600}.list-item-subtitle{font-size:13px;color:var(--tg-theme-hint-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-right{text-align:right;flex-shrink:0}.list-item-amount{font-size:15px;font-weight:600}.list-item-date{font-size:12px;color:var(--tg-theme-hint-color)}.section{margin-bottom:24px}.section-title{font-size:13px;font-weight:600;color:var(--tg-theme-section-header-text-color);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:0 4px}.empty-state{text-align:center;padding:48px 24px;color:var(--tg-theme-hint-color)}.empty-state-icon{font-size:48px;margin-bottom:12px}.empty-state-text{font-size:15px}.spinner{display:flex;justify-content:center;padding:32px}.spinner:after{content:"";width:28px;height:28px;border:3px solid var(--tg-theme-secondary-bg-color);border-top-color:var(--tg-theme-button-color);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:200;display:flex;align-items:flex-end;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}}.bottom-sheet{width:100%;background:var(--tg-theme-bg-color);border-radius:16px 16px 0 0;padding:24px 16px env(safe-area-inset-bottom,16px);animation:slideUp .25s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}}.bottom-sheet-handle{width:36px;height:4px;background:var(--tg-theme-hint-color);border-radius:2px;margin:0 auto 16px;opacity:.3}.bottom-sheet-title{font-size:18px;font-weight:700;margin-bottom:16px;text-align:center}.profile-avatar{width:72px;height:72px;border-radius:50%;background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin:0 auto 12px}.profile-name{font-size:20px;font-weight:700;text-align:center}.profile-role{font-size:14px;color:var(--tg-theme-hint-color);text-align:center;margin-bottom:24px}.text-hint{color:var(--tg-theme-hint-color)}.text-link{color:var(--tg-theme-link-color)}.text-accent{color:var(--tg-theme-accent-text-color)}.text-destructive{color:var(--tg-theme-destructive-text-color)}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:13px}.text-xs{font-size:11px}.font-bold{font-weight:700}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.gap-8{gap:8px}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}
