:root{--bg: var(--tg-theme-bg-color, #0f1115);--bg-secondary: var(--tg-theme-secondary-bg-color, #161a21);--text: var(--tg-theme-text-color, #eef1f6);--hint: var(--tg-theme-hint-color, #8a94a6);--link: var(--tg-theme-link-color, #5eb8ff);--button: var(--tg-theme-button-color, #4b6bfb);--button-text: var(--tg-theme-button-text-color, #ffffff);--accent-green: #22c55e;--accent-red: #ef4444;--accent-amber: #f59e0b;--card-bg: color-mix(in srgb, var(--bg-secondary) 92%, white 8%);--border: color-mix(in srgb, var(--text) 10%, transparent);--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .15), 0 8px 24px -12px rgba(0, 0, 0, .35);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}body[dir=rtl]{direction:rtl}.app-shell{min-height:100vh;display:flex;flex-direction:column;padding-bottom:84px}.screen{flex:1;padding:16px 16px 8px;max-width:560px;width:100%;margin:0 auto}.hero{padding:28px 4px 20px}.hero h1{font-size:26px;font-weight:700;margin:0 0 6px;letter-spacing:-.02em}.hero p{color:var(--hint);margin:0;font-size:15px}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:18px;margin-bottom:14px}.card+.card{margin-top:0}label.field-label{font-size:13px;color:var(--hint);display:block;margin-bottom:6px;font-weight:500}.select,.input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:13px 14px;color:var(--text);font-size:16px;outline:none;transition:border-color .15s ease}.select:focus,.input:focus{border-color:var(--button)}.swap-row{display:flex;align-items:center;gap:10px}.swap-icon{width:34px;height:34px;border-radius:50%;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--hint)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:none;border-radius:var(--radius-md);padding:15px 18px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .08s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--button);color:var(--button-text)}.btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.btn-danger{background:color-mix(in srgb,var(--accent-red) 15%,var(--bg));color:var(--accent-red);border:1px solid color-mix(in srgb,var(--accent-red) 30%,transparent)}.btn-success{background:color-mix(in srgb,var(--accent-green) 15%,var(--bg));color:var(--accent-green);border:1px solid color-mix(in srgb,var(--accent-green) 30%,transparent)}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-pending{background:color-mix(in srgb,var(--accent-amber) 18%,transparent);color:var(--accent-amber)}.badge-success{background:color-mix(in srgb,var(--accent-green) 18%,transparent);color:var(--accent-green)}.badge-danger{background:color-mix(in srgb,var(--accent-red) 18%,transparent);color:var(--accent-red)}.badge-info{background:color-mix(in srgb,var(--link) 18%,transparent);color:var(--link)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--bg-secondary);border-top:1px solid var(--border);padding:8px 6px calc(8px + env(safe-area-inset-bottom));z-index:20}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:var(--radius-sm);color:var(--hint);font-size:11px;font-weight:600;text-decoration:none;background:none;border:none;cursor:pointer}.nav-item.active{color:var(--button)}.rate-row{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--border)}.rate-row:last-child{border-bottom:none}.muted{color:var(--hint);font-size:13px}.center-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:12px;color:var(--hint)}.upload-box{border:1.5px dashed var(--border);border-radius:var(--radius-md);padding:24px;text-align:center;color:var(--hint);cursor:pointer;font-size:14px}.upload-box.has-file{border-color:var(--accent-green);color:var(--accent-green)}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--hint);font-weight:700;margin:22px 0 10px}.order-row{display:flex;justify-content:space-between;align-items:center;gap:12px}
