@charset "UTF-8";.container{max-width:440px;margin:0 auto;padding:0 20px}.container-wide{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:var(--r-lg);font-size:14px;font-weight:600;font-family:var(--font-body);text-decoration:none;cursor:pointer;transition:all .2s ease;border:none;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;box-shadow:0 4px 14px var(--primary-glow),0 1px 3px #0000001a}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #07295466,0 1px 3px #0000001a}.btn-btc{background:linear-gradient(135deg,#D4780A 0%,var(--btc) 50%,var(--btc-light) 100%);color:#fff;font-weight:700;box-shadow:0 4px 14px var(--btc-glow),0 1px 3px #0000001a;text-shadow:0 1px 2px rgba(0,0,0,.15)}.btn-btc:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #e8850f59,0 1px 3px #0000001a}.btn-success{background:linear-gradient(135deg,var(--success) 0%,var(--success-light) 100%);color:#fff;font-weight:700;box-shadow:0 4px 14px var(--success-glow),0 1px 3px #0000001a}.btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #0478574d,0 1px 3px #0000001a}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.9);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text-secondary);border-color:var(--border)}.btn-outline:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--text-muted)}.btn-ghost{background:transparent;color:var(--text-muted);border:none}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-secondary)}.btn-ghost-danger{background:transparent;color:var(--danger);border:none}.btn-ghost-danger:hover:not(:disabled){background:var(--danger-bg)}.btn-lg{padding:16px 32px;font-size:16px;border-radius:var(--r-md)}.btn-sm{padding:10px 16px;font-size:13px;border-radius:var(--r-md)}.btn-xs{padding:6px 12px;font-size:12px;border-radius:var(--r-sm)}.btn-full{width:100%}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-sm{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.section-title{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chip{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid var(--border);border-radius:var(--r-full);background:var(--bg-primary);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.chip:hover{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.chip.active{border-color:var(--primary);background:var(--primary);color:#fff}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.seg-control{display:flex;gap:4px;padding:4px;background:var(--bg-elevated);border-radius:var(--r-md);margin-bottom:20px}.seg-btn{flex:1;padding:10px 16px;border:none;border-radius:var(--r-sm);background:transparent;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.seg-btn:hover{color:var(--text-primary)}.seg-btn.active{background:var(--bg-primary);color:var(--primary);box-shadow:0 1px 3px #00000014}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:14px}.detail-row:not(:last-child){border-bottom:1px solid var(--border)}.detail-row .detail-label{color:var(--text-muted);font-weight:500}.detail-row .detail-value{color:var(--text-primary);font-weight:600;text-align:right}.detail-row.highlight .detail-label{color:var(--text-primary);font-weight:600}.detail-row.highlight .detail-value{color:var(--success);font-weight:700;font-size:16px}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--r-full);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.completed{background:var(--success-bg);color:var(--success)}.status-badge.pending{background:var(--primary-bg);color:var(--primary)}.status-badge.processing{background:var(--btc-bg);color:var(--btc)}.status-badge.warning,.status-badge.expired,.status-badge.cancelled,.status-badge.failed{background:var(--danger-bg);color:var(--danger)}.status-badge.escalated{background:var(--btc-bg);color:var(--warning)}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-dot.completed{background:var(--success)}.status-dot.processing{background:var(--btc)}.status-dot.pending{background:var(--primary)}.status-dot.failed,.status-dot.warning,.status-dot.expired,.status-dot.cancelled{background:var(--danger)}.status-dot.escalated{background:var(--warning)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--btc-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--primary-bg);color:var(--primary)}.badge-btc{background:var(--btc-bg);color:var(--btc)}.step-dots{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:24px}.step-dot{width:10px;height:10px;border-radius:50%;background:var(--border);transition:all .2s ease}.step-dot.step-done{background:var(--success)}.step-dot.step-active{background:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.step-dot.step-pending{background:var(--border)}.step-connector{flex:1;height:2px;background:var(--border);max-width:40px}.step-connector.done{background:var(--success)}.icon-box{display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);flex-shrink:0}.icon-box.icon-box-sm{width:36px;height:36px}.icon-box.icon-box-md,.icon-box:not(.icon-box-sm):not(.icon-box-lg){width:48px;height:48px}.icon-box.icon-box-lg{width:56px;height:56px}.card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px}.form-input,.form-select,.input{width:100%;padding:14px 16px;background:var(--bg-primary);border:2px solid var(--border);border-radius:var(--r-md);color:var(--text-primary);font-size:16px;font-family:var(--font-body);transition:all .2s ease}.form-input::placeholder,.form-select::placeholder,.input::placeholder{color:var(--text-dim)}.form-input:focus,.form-select:focus,.input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px var(--primary-glow)}.form-input.input-error,.form-select.input-error,.input.input-error{border-color:var(--danger)}.form-input.input-error:focus,.form-select.input-error:focus,.input.input-error:focus{box-shadow:0 0 0 3px var(--danger-bg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 20px;text-align:center}.empty-icon{color:var(--text-dim)}.close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-dim);border-radius:var(--r-sm);cursor:pointer;transition:all .2s ease}.close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:background .15s ease;flex-shrink:0}.back-btn:hover{background:var(--bg-secondary)}.alert-box{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--r-md);margin-bottom:16px;font-size:14px;font-weight:500}.alert-box svg{flex-shrink:0}.alert-box span,.alert-box p{flex:1;margin:0}.alert-box.alert-error{background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger)}.alert-box.alert-warning{background:var(--btc-bg);border:1px solid var(--warning);color:#92400e}.alert-box.alert-info{background:var(--primary-bg);border:1px solid var(--primary);color:var(--primary)}.alert-box.alert-success{background:var(--success-bg);border:1px solid var(--success);color:var(--success)}.info-card{padding:20px;background:var(--btc-bg);border:1px solid var(--warning);border-radius:var(--r-md)}.info-card .info-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#92400e}.info-card .info-header svg{flex-shrink:0;color:var(--warning)}.info-card .info-header strong{font-size:15px;font-weight:700}.info-card .info-list{margin:0;padding-left:20px;list-style:none}.info-card .info-list li{position:relative;font-size:14px;color:#78350f;line-height:1.7;margin-bottom:8px;padding-left:8px}.info-card .info-list li:last-child{margin-bottom:0}.info-card .info-list li:before{content:"\2022";position:absolute;left:-12px;color:var(--warning);font-weight:700}.result-icon{width:80px;height:80px;margin:0 auto 24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.result-icon.success{background:var(--success-bg);color:var(--success)}.result-icon.error{background:var(--danger-bg);color:var(--danger)}.input-with-addon{flex:1;display:flex;align-items:center;position:relative}.input-with-addon .input-prefix,.input-with-addon .input-suffix{position:absolute;font-weight:500;color:var(--text-muted);z-index:1}.input-with-addon .input-prefix{left:14px;font-size:16px;font-weight:600}.input-with-addon .input-suffix{right:14px;font-size:14px}.input-with-addon .form-input,.input-with-addon .input{width:100%}.input-with-addon .form-input.has-prefix,.input-with-addon .input.has-prefix{padding-left:40px}.input-with-addon .form-input.has-suffix,.input-with-addon .input.has-suffix{padding-right:50px}.checkbox-row{display:flex;align-items:flex-start;gap:10px;padding:12px 0;cursor:pointer}.checkbox-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary);margin-top:2px;flex-shrink:0}.checkbox-row label{font-size:14px;color:var(--text-secondary);line-height:1.4;cursor:pointer}.seed-blur{filter:blur(8px);-webkit-user-select:none;user-select:none;transition:filter .3s ease}.copy-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-primary);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s ease}.copy-btn:hover{background:var(--bg-secondary);border-color:var(--text-muted)}.copy-btn.copied{border-color:var(--success);color:var(--success)}:root{--bg-primary: #FFFFFF;--bg-secondary: #F8FAFC;--bg-elevated: #F1F5F9;--primary: #072954;--primary-light: #0D4A8A;--primary-bg: #D9E6F5;--primary-glow: rgba(7, 41, 84, .25);--success: #047857;--success-light: #059669;--success-bg: #D1FAE5;--success-glow: rgba(4, 120, 87, .18);--btc: #E8850F;--btc-light: #F7931A;--btc-bg: #FEE8CC;--btc-glow: rgba(232, 133, 15, .2);--danger: #DC2626;--danger-bg: rgba(220, 38, 38, .1);--warning: #D97706;--warning-bg: rgba(217, 119, 6, .1);--text-primary: #0F172A;--text-secondary: #334155;--text-muted: #64748B;--text-dim: #94A3B8;--border: #E2E8F0;--border-light: #CBD5E1;--border-focus: var(--primary-light);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 24px;--r-full: 9999px;--font-display: "Sora", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background:var(--bg-secondary);color:var(--text-primary);max-width:100vw;overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-elevated)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}button{font-family:inherit;font-size:inherit;border:none;cursor:pointer;outline:none}input,select,textarea{font-family:inherit;font-size:inherit;outline:none}a{color:var(--primary);text-decoration:none}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.text-gradient{background:linear-gradient(135deg,var(--primary-light),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-btc{background:linear-gradient(135deg,var(--btc-light),var(--btc));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sheet-overlay{position:fixed;inset:0;z-index:50;background:#0f172a66;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:sheetFadeIn .2s ease-out}.sheet{background:var(--bg-primary);border-radius:var(--r-2xl) var(--r-2xl) 0 0;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;padding:0 20px 32px;animation:sheetSlideUp .3s cubic-bezier(.22,1,.36,1);box-shadow:0 -8px 32px #0000001f}.sheet-handle{width:36px;height:4px;background:var(--border-light);border-radius:2px;margin:12px auto 20px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--r-full);font-size:11px;font-weight:600;letter-spacing:.02em}.badge-created,.badge-pending{background:var(--primary-bg);color:var(--primary);border:1px solid rgba(7,41,84,.12)}.badge-processing{background:var(--warning-bg);color:#92400e;border:1px solid rgba(217,119,6,.15)}.badge-confirmed,.badge-completed{background:var(--success-bg);color:var(--success);border:1px solid rgba(4,120,87,.12)}.badge-failed,.badge-rejected{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(220,38,38,.12)}.badge-expired{background:#64748b1a;color:var(--text-secondary);border:1px solid rgba(100,116,139,.1)}.icon-box{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--r-md);flex-shrink:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheetFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheetSlideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-up{animation:fadeUp .35s cubic-bezier(.22,1,.36,1)}.fade-in{animation:fadeIn .25s ease-out}.pulse{animation:pulse 2s ease-in-out infinite}.stagger-1{animation-delay:60ms;animation-fill-mode:both}.stagger-2{animation-delay:.12s;animation-fill-mode:both}.stagger-3{animation-delay:.18s;animation-fill-mode:both}.stagger-4{animation-delay:.24s;animation-fill-mode:both}.stagger-5{animation-delay:.3s;animation-fill-mode:both}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
