@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{color:#111827;background:#fff;font-family:Geist,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;--ink: #111827;--muted: #667085;--faint: #98a2b3;--paper: #ffffff;--wash: #f7f8fb;--line: #e5e7eb;--line-strong: #d0d5dd;--accent: #1f5eff;--accent-dark: #143fba;--danger: #d92d20;--success: #027a48;--shadow: 0 16px 42px rgba(15, 23, 42, .07)}*{box-sizing:border-box}html{min-height:100%;background:var(--wash)}body{margin:0;min-height:100vh;color:var(--ink);background:var(--wash);font-size:15px}button,input,select{font:inherit}button{border:1px solid var(--accent);border-radius:999px;padding:.64rem .92rem;background:var(--accent);color:#fff;cursor:pointer;font-size:.9rem;font-weight:650;letter-spacing:-.01em;transition:transform .18s ease,background .18s ease,border-color .18s ease,opacity .18s ease}button:hover{transform:translateY(-1px);background:var(--accent-dark)}button:active{transform:translateY(0)}button:disabled{opacity:.42;cursor:not-allowed;transform:none}button.secondary,button.ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}button.secondary:hover,button.ghost:hover{background:#f2f4f7}button.danger{color:#fff;background:var(--danger);border-color:var(--danger)}input,select{width:100%;border:1px solid var(--line);border-radius:.72rem;padding:.76rem .88rem;background:#fff;color:var(--ink);outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input:focus,select:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px #1f5eff1a}a{color:var(--accent-dark);text-decoration:none;font-weight:650}a:hover{color:var(--accent)}.app-shell{min-height:100vh}aside{position:fixed;top:0;left:0;bottom:0;width:264px;height:100vh;padding:1.35rem 1.1rem;background:#ffffffeb;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:1.6rem;overflow-y:auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}main{width:min(1180px,calc(100% - 264px));margin-left:264px;padding:2.4rem clamp(1.2rem,3vw,3.2rem) 4rem;animation:pageIn .42s cubic-bezier(.2,.7,.2,1) both}.brand{display:flex;gap:.82rem;align-items:center;padding:.28rem .28rem .9rem;border-bottom:1px solid var(--line)}.brand strong{display:block;font-size:.95rem;letter-spacing:-.02em}.brand small{display:block;margin-top:.15rem;color:var(--muted);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:2.55rem;height:2.55rem;border-radius:.72rem;background:var(--ink);color:#fff;font-family:Geist,sans-serif;font-size:1.18rem;font-weight:650}nav{display:grid;gap:.2rem}nav a{position:relative;display:flex;justify-content:space-between;gap:.8rem;padding:.6rem .7rem;border-radius:.72rem;color:var(--ink);font-size:.92rem;font-weight:650;transition:background .18s ease,transform .18s ease,color .18s ease}nav a span{color:var(--faint);font-size:.66rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em}nav a:hover{background:#f2f4f7;transform:translate(2px)}nav a.active{background:#eef4ff;color:var(--accent-dark);box-shadow:inset 0 0 0 1px #d6e4ff}.side-footer{margin-top:auto;display:grid;gap:.8rem}.user-chip{display:flex;align-items:center;gap:.7rem;padding:.8rem;border-top:1px solid var(--line);color:var(--ink);border-radius:.72rem;transition:background .18s ease,transform .18s ease}.user-chip:hover{background:#f2f4f7;color:var(--ink);transform:translateY(-1px)}.user-chip>span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#eef4ff;color:var(--accent-dark);font-weight:750}.user-chip strong{display:block;font-size:.9rem}.user-chip small{color:var(--muted)}.auth-bg{min-height:100vh;display:grid;place-items:center;padding:2rem;background:linear-gradient(180deg,#fff,#f7f8fb)}.auth-card{width:min(430px,100%);padding:2rem;background:#fff;border:1px solid var(--line);border-radius:1.15rem;box-shadow:var(--shadow);animation:panelIn .5s cubic-bezier(.2,.7,.2,1) both}.auth-kicker{color:var(--accent);font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;font-weight:750}.auth-card h1,.page-title h1{font-family:Geist,Noto Sans SC,sans-serif;margin:.25rem 0;font-size:clamp(1.48rem,2.45vw,2.38rem);line-height:1.02;letter-spacing:-.055em;font-weight:650}.auth-card p,.page-title p,.muted{color:var(--muted)}.form-stack{display:grid;gap:.86rem;margin-top:1.2rem}.form-grid{display:grid;grid-template-columns:1fr;gap:.9rem;max-width:560px}.form-grid button{justify-self:start;margin-top:.2rem}.accounts-layout{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:1rem;align-items:stretch}.binding-panel{max-width:680px;border-color:#c7d7fe;background:linear-gradient(180deg,#fff,#f8fbff)}.binding-copy h2{margin:0 0 .35rem;font-size:1rem;letter-spacing:-.02em}.binding-copy p{margin:0;color:var(--muted);line-height:1.65}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:2rem;padding-bottom:1.2rem;border-bottom:1px solid var(--line)}.page-title span{color:var(--accent);font-size:.76rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.page-title p{max-width:38rem;margin:.52rem 0 0;font-size:.88rem}.page-actions{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}.soft-link,.primary-link{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.56rem .84rem;border:1px solid var(--line-strong);color:var(--ink);background:#fff;font-size:.88rem;white-space:nowrap}.soft-link:hover{color:var(--accent-dark);border-color:#bcd0ff;background:#f5f8ff}.primary-link{color:#fff;background:var(--accent);border-color:var(--accent)}.primary-link:hover{color:#fff;background:var(--accent-dark);border-color:var(--accent-dark)}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:1.5rem}.stat{padding:1.15rem 1.2rem;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat small,.stat em{color:var(--muted);display:block;font-style:normal;font-size:.72rem}.stat strong{display:block;margin:.24rem 0;font-family:Geist,Noto Sans SC,sans-serif;font-size:clamp(1.42rem,2.7vw,2.2rem);line-height:.98;letter-spacing:-.045em}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:1.1rem;align-items:start}.stretch-grid{align-items:stretch}.surface{background:#fff;border:1px solid var(--line);border-radius:.85rem;padding:1.1rem;box-shadow:0 1px #ffffffb3 inset;animation:panelIn .48s cubic-bezier(.2,.7,.2,1) both}.surface-main{min-height:22rem}.inspector{position:sticky;top:1.2rem}.stretch-grid .inspector,.accounts-layout .surface{height:100%}.section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.section-header h2{margin:0;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.flow-surface{max-width:760px}.ledger-surface{margin-top:1.1rem}.list-stack{display:grid;gap:.72rem}.account-list-panel{min-height:18rem}.account-card-list{display:grid;gap:.72rem}.account-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.85rem;align-items:center;padding:.95rem;border:1px solid var(--line);border-radius:.9rem;background:#fff}.account-card h3{margin:0 0 .22rem;font-size:.98rem;letter-spacing:-.02em}.account-card p{margin:0;color:var(--muted)}.account-status-pill{display:inline-flex;width:fit-content;white-space:nowrap;border-radius:999px;padding:.26rem .6rem;background:#f2f4f7;color:var(--muted);font-size:.76rem;font-weight:750}.account-status-pill.free{background:#eef4ff;color:var(--accent-dark)}.row-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--line);animation:rowIn .38s ease both}.row-item:last-child{border-bottom:0}.row-item h3{margin:0 0 .25rem;font-size:.96rem;letter-spacing:-.02em}.row-item p{margin:0;color:var(--muted)}.actions,.segmented{display:flex;gap:.55rem;flex-wrap:wrap}.actions button,.segmented button{padding:.5rem .72rem;font-size:.84rem}.segmented{margin-bottom:1.2rem}.segmented button{background:transparent;color:var(--ink);border-color:var(--line-strong)}.segmented button.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 8px 18px #1f5eff29}.segmented-control{display:inline-flex;gap:0;padding:.18rem;border:1px solid var(--line-strong);border-radius:999px;background:#f2f4f7}.segmented-control button{border:0;border-radius:999px;background:transparent;color:var(--muted);box-shadow:none}.segmented-control button:hover{background:#fff;transform:none}.segmented-control button.active{background:var(--accent);color:#fff;box-shadow:0 7px 16px #1f5eff29}.mode-feedback{margin:-.62rem 0 1.15rem;color:var(--muted);font-size:.92rem}.mode-feedback strong{color:var(--ink)}.check-list{display:grid;gap:.58rem;margin:.7rem 0 1rem}.check-list label{display:flex;align-items:center;gap:.72rem;padding:.82rem .92rem;border:1px solid var(--line);border-radius:.82rem;background:#fff;cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.check-list label:hover{background:#f8fafc;border-color:var(--line-strong);transform:translateY(-1px)}.check-list label.selected{background:#f5f8ff;border-color:#a9c4ff;box-shadow:inset 0 0 0 1px #1f5eff1f}.check-list input{width:auto;accent-color:var(--accent)}.submit-row{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;margin-top:1rem}.submit-row span{color:var(--muted);font-size:.92rem}.package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.package-card{display:grid;gap:.7rem;padding:1rem;border:1px solid var(--line);border-radius:.95rem;background:linear-gradient(180deg,#fff,#f8fafc)}.package-card h3{margin:.2rem 0 .15rem;font-size:1rem;letter-spacing:-.02em}.package-card p{margin:0;color:var(--muted)}.package-card strong{font-size:1.6rem;letter-spacing:-.04em}.package-card small,.compact-line{color:var(--muted)}.provider-note{color:var(--muted);font-size:.82rem;font-weight:650}.payment-method-row{display:flex;align-items:center;justify-content:space-between;gap:.85rem;margin:0 0 .95rem;padding:.78rem .9rem;border:1px solid var(--line);border-radius:.95rem;background:#fbfcff}.payment-method-row>span{color:var(--muted);font-size:.84rem;font-weight:750}.payment-methods button{min-width:5.8rem}.payment-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;margin-top:1rem;padding:1rem;border:1px solid #bcd0ff;border-radius:.95rem;background:linear-gradient(180deg,#fff,#f5f8ff)}.payment-panel h3{margin:.42rem 0 .28rem;font-size:1.1rem;letter-spacing:-.02em}.payment-panel p{margin:0;color:var(--muted);line-height:1.65}.payment-actions{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center}.payment-qr{width:112px;height:112px;object-fit:cover;border-radius:.82rem;border:1px solid var(--line);background:#fff}.order-mini{display:grid;gap:.34rem;padding:.75rem 0;border-bottom:1px solid var(--line)}.order-mini:last-child{border-bottom:0}.order-mini p{margin:0;color:var(--ink);font-weight:650}.order-mini a{font-size:.86rem}.order-mini-meta{display:flex;gap:.48rem;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.82rem}.badge{display:inline-flex;width:fit-content;padding:.18rem .48rem;border-radius:999px;background:#eef4ff;color:var(--accent-dark);font-size:.72rem;font-weight:750}.compact-line{margin:.7rem 0;line-height:1.6}.prose-surface{max-width:840px;line-height:1.8}.prose-surface h2{margin:1.35rem 0 .45rem;font-size:1.05rem;letter-spacing:-.02em}.prose-surface h2:first-child{margin-top:0}.prose-surface p{color:var(--muted);margin:.45rem 0}.price-note-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1rem 0 1.2rem}.price-note-grid div{padding:.86rem;border:1px solid var(--line);border-radius:.82rem;background:#f8fafc}.price-note-grid strong{display:block;font-size:1rem;margin-bottom:.16rem}.price-note-grid span{color:var(--muted);font-size:.86rem}.about-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.2rem}.about-actions a{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.58rem .9rem;border:1px solid var(--line-strong)}.about-actions a:first-child{background:var(--accent);border-color:var(--accent);color:#fff}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.82rem .55rem;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}td{color:var(--ink)}.pill{display:inline-flex;padding:.25rem .58rem;border-radius:999px;background:#f2f4f7;color:var(--muted);font-size:.78rem}.pill.running,.pill.waiting,.pill.pending{background:#eef4ff;color:var(--accent-dark)}.pill.success,.pill.paid{background:#ecfdf3;color:var(--success)}.pill.failure{background:#fef3f2;color:var(--danger)}.history-table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:.95rem}.history-table{min-width:760px}.history-table th,.history-table td{padding:.9rem .95rem}.history-table tbody tr:hover{background:#f8fafc}.history-id-cell{width:5.2rem;color:var(--muted);font-weight:750}.history-result-cell{max-width:28rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-action-cell{width:5.5rem;text-align:right}.history-empty-cell{padding:1.4rem;color:var(--muted);text-align:center}.table-action-link{display:inline-flex;align-items:center;justify-content:center;padding:.42rem .68rem;border:1px solid var(--line-strong);border-radius:999px;color:var(--ink);background:#fff;white-space:nowrap}.table-action-link:hover{color:var(--accent-dark);border-color:#bcd0ff;background:#f5f8ff}.progress-row{grid-template-columns:1.3fr 1fr auto}.progress-copy{min-width:0}.progress-meta{white-space:nowrap}.bar{height:.45rem;background:#eaecf0;border-radius:999px;overflow:hidden}.bar span{display:block;height:100%;background:var(--accent);border-radius:inherit;transition:width .5s cubic-bezier(.2,.7,.2,1)}.error{color:var(--danger);font-weight:700}.success-note{color:var(--success);font-weight:650;font-size:.86rem}.notice{margin:1rem 0;padding:1rem;background:#eff6ff;border-radius:.85rem;border:1px solid #bfdbfe}.empty-state{padding:1.2rem 0}.empty-state h3{margin:0 0 .45rem;font-family:Geist,Noto Sans SC,sans-serif;font-size:1.16rem;letter-spacing:-.03em}.empty-state p{color:var(--muted);line-height:1.65}.center-card{min-height:100vh;display:grid;place-items:center;font-size:1.05rem;color:var(--muted)}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes panelIn{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rowIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}aside{position:static;width:auto;height:auto}main{width:auto;margin-left:0;padding:1.1rem}.workspace-grid,.metrics,.form-grid,.progress-row,.package-grid,.price-note-grid,.accounts-layout,.account-card,.payment-panel{grid-template-columns:1fr}.payment-method-row{display:grid}.payment-methods{width:100%}.payment-methods button{flex:1;min-width:0}.page-title{display:block}.page-actions{justify-content:flex-start;margin-top:1rem}.stat{border-right:0;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}.row-item{grid-template-columns:1fr}.account-card .actions{flex-wrap:wrap}}
