:root{--brand: #4f46e5;--brand-dark: #3730a3;--brand-light: #eef2ff;--success: #16a34a;--success-light: #dcfce7;--error: #dc2626;--error-light: #fee2e2;--warning: #d97706;--warning-light: #fef3c7;--info-light: #dbeafe;--info: #2563eb;--text: #111827;--text-muted: #6b7280;--border: #e5e7eb;--bg: #f5f5f7;--white: #ffffff;--radius: 16px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.06)}.app{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.main{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px 16px 32px}.screen{width:100%;max-width:420px;display:flex;flex-direction:column;gap:12px}.screen.center{align-items:center;justify-content:center;text-align:center;min-height:60vh;padding-top:32px}.header{display:flex;align-items:center;gap:8px;padding:14px 20px;background:var(--white);border-bottom:1px solid var(--border);box-shadow:0 1px #0000000d}.brand-icon{color:var(--brand);display:flex;align-items:center}.brand-name{font-size:18px;font-weight:700;color:var(--brand);letter-spacing:-.4px}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.station-card{padding:28px 24px 24px;text-align:center}.station-header{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:20px}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.online{background:var(--success);box-shadow:0 0 0 2px var(--success-light)}.status-dot.offline{background:var(--error);box-shadow:0 0 0 2px var(--error-light)}.station-status{font-size:13px;font-weight:500;color:var(--text-muted)}.station-icon{width:72px;height:72px;background:var(--brand-light);color:var(--brand);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.station-title{font-size:20px;font-weight:700;color:var(--text);margin-bottom:4px}.station-id{font-size:13px;color:var(--text-muted);font-family:monospace;margin-bottom:20px}.stats-row{display:flex;align-items:center;justify-content:center;gap:24px;padding:16px 0 0;border-top:1px solid var(--border)}.stat-box{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value{font-size:28px;font-weight:800;color:var(--brand);line-height:1}.stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-divider{width:1px;height:36px;background:var(--border)}.pricing-banner{background:var(--brand);border-radius:var(--radius);padding:16px 20px;display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}.pricing-amount{font-size:32px;font-weight:800;color:var(--white);line-height:1}.pricing-period{font-size:16px;color:#fffc;font-weight:500}.pricing-note{width:100%;font-size:12px;color:#ffffffb3;margin-top:4px}.btn-primary{width:100%;padding:16px;background:var(--brand);color:var(--white);border:none;border-radius:var(--radius);font-size:17px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,transform .1s;-webkit-tap-highlight-color:transparent}.btn-primary:hover{background:var(--brand-dark)}.btn-primary:active{transform:scale(.98)}.btn-back{background:none;border:none;color:var(--brand);font-size:15px;font-weight:600;cursor:pointer;padding:4px 0;align-self:flex-start}.form-station-badge{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--brand-light);border-radius:10px;font-size:13px}.station-id-small{color:var(--text-muted);font-family:monospace}.pricing-inline{font-weight:700;color:var(--brand)}.form-card{padding:24px 20px;display:flex;flex-direction:column;gap:16px}.form-title{font-size:18px;font-weight:700;color:var(--text)}.field-group{display:flex;flex-direction:column;gap:6px}.field-label{font-size:14px;font-weight:600;color:var(--text)}.field-input{padding:12px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:15px;color:var(--text);background:var(--white);outline:none;transition:border-color .15s;width:100%}.field-input:focus{border-color:var(--brand)}.mp-brick-wrapper{margin-top:4px}.secure-note{text-align:center;font-size:12px;color:var(--text-muted)}.alert{padding:12px 14px;border-radius:10px;font-size:14px;line-height:1.5}.alert-warning{background:var(--warning-light);color:var(--warning)}.alert-error{background:var(--error-light);color:var(--error)}.alert-info{background:var(--info-light);color:var(--info)}.success-icon{color:var(--success);margin-bottom:12px}.error-icon{color:var(--error);margin-bottom:12px}.result-title{font-size:22px;font-weight:800;color:var(--text)}.result-sub{font-size:15px;color:var(--text-muted);margin-top:6px}.result-card{width:100%;padding:0;margin-top:12px}.result-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.result-row:last-child{border-bottom:none}.result-label{font-size:13px;color:var(--text-muted)}.result-value{font-size:14px;font-weight:600;color:var(--text)}.result-value.accent{color:var(--brand);font-size:16px}.result-value.mono{font-family:monospace}.processing-title{font-size:20px;font-weight:700;color:var(--text);margin-top:16px}.spinner{width:48px;height:48px;color:var(--brand);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:var(--text-muted);font-size:14px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}