:root{--bg: var(--tg-theme-bg-color, #ffffff);--card: var(--tg-theme-secondary-bg-color, #f2f3f5);--text: var(--tg-theme-text-color, #101418);--hint: var(--tg-theme-hint-color, #8a919b);--accent: var(--tg-theme-button-color, #2481cc);--accent-text: var(--tg-theme-button-text-color, #ffffff);--border: rgba(128, 128, 128, .22);--danger: #d9463e}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.4}.app{max-width:560px;margin:0 auto;min-height:100vh;padding-bottom:76px}.header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 4px}.header-title{font-size:17px;font-weight:700}.lang-btn{border:1px solid var(--border);background:transparent;color:var(--hint);border-radius:8px;padding:4px 10px;font-size:12px;cursor:pointer}.page{padding:8px 16px 16px}h2{font-size:18px;margin:14px 0 6px}.hint{color:var(--hint);font-size:13px;margin:4px 0 12px}.hint-inline{color:var(--hint);font-size:12px}.center-note{padding:48px 24px;text-align:center;color:var(--hint)}.card{background:var(--card);border-radius:12px;padding:12px;margin-bottom:10px}.btn{background:var(--accent);color:var(--accent-text);border:none;border-radius:10px;padding:12px 16px;font-size:15px;font-weight:600;width:100%;cursor:pointer;margin-bottom:8px}.btn:disabled{opacity:.6}.btn.small{width:auto;padding:8px 14px;font-size:13px;margin-bottom:0}.btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn.danger-ghost{background:transparent;color:var(--danger);border:1px solid var(--danger)}.input{width:100%;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:10px;padding:10px 12px;font-size:15px;font-family:inherit}.field{display:block;margin-bottom:10px}.field>span{display:block;font-size:12px;color:var(--hint);margin-bottom:4px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.segmented{display:flex;border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:8px}.seg{flex:1;padding:9px;background:transparent;border:none;color:var(--hint);font-size:14px;cursor:pointer}.seg.active{background:var(--accent);color:var(--accent-text)}.check{display:flex;gap:8px;align-items:center;margin:12px 0;font-size:14px}.error{color:var(--danger);font-size:13px;margin:8px 0}.tabs{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--bg);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);max-width:560px;margin:0 auto}.tab{flex:1;background:none;border:none;padding:8px 0 10px;color:var(--hint);font-size:11px;display:flex;flex-direction:column;align-items:center;gap:2px;position:relative;cursor:pointer}.tab.active{color:var(--accent)}.tab .icon{font-size:20px}.tab .badge-dot{position:absolute;top:2px;right:50%;margin-right:-24px;background:var(--accent);color:var(--accent-text);font-size:10px;border-radius:8px;min-width:16px;height:16px;line-height:16px;padding:0 3px}.part-card{display:flex;gap:12px}.part-photo{width:72px;height:72px;border-radius:10px;object-fit:cover;flex-shrink:0;background:var(--bg)}.part-photo.placeholder{display:flex;align-items:center;justify-content:center;font-size:26px}.part-info{flex:1;min-width:0;display:flex;flex-direction:column}.part-top{display:flex;gap:8px;align-items:center;justify-content:space-between}.part-name{font-weight:600}.chip{font-size:11px;color:var(--hint);border:1px solid var(--border);padding:1px 8px;border-radius:20px;white-space:nowrap}.part-desc{color:var(--hint);font-size:13px;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.part-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.part-price{font-weight:700;white-space:nowrap}.stepper{display:flex;align-items:center;gap:12px}.step{width:30px;height:30px;border-radius:8px;border:1px solid var(--accent);color:var(--accent);background:transparent;font-size:16px;cursor:pointer}.badge{font-size:11px;padding:2px 8px;border-radius:20px;border:1px solid var(--border);color:var(--hint);white-space:nowrap}.badge.paid,.badge.purchased,.badge.quote_requested{border-color:var(--accent);color:var(--accent)}.badge.fulfilled{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.total-row{display:flex;justify-content:space-between;font-weight:700;padding:10px 2px;font-size:16px}.order-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.order-line{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:2px 0}.order-total{border-top:1px solid var(--border);margin-top:6px;padding-top:6px;font-size:14px}.row-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.stage-strip{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px}.stage-card{min-width:88px;background:var(--card);border-radius:10px;padding:8px;text-align:center;flex-shrink:0}.stage-card b{display:block;font-size:18px}.stage-card span{font-size:10px;color:var(--hint)}.client-row{display:flex;justify-content:space-between;gap:8px;align-items:center;cursor:pointer}.client-main{min-width:0}.client-side{text-align:right;flex-shrink:0}.info-row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--border);font-size:14px}.info-row:last-child{border-bottom:none}.info-row .k{color:var(--hint);flex-shrink:0}.info-row .v{text-align:right;word-break:break-word}.chart{width:100%;height:auto}.chart-bar{fill:var(--accent)}.chart-value,.chart-label{font-size:9px;fill:var(--hint)}.photo-preview{width:96px;height:96px;object-fit:cover;border-radius:10px;display:block;margin-bottom:6px}.banner{background:var(--accent);color:var(--accent-text);border-radius:12px;padding:14px;margin-bottom:12px}.banner b{display:block;margin-bottom:4px}a{color:var(--accent)}
