:root{--bg:#0b0d13;--panel:rgba(20,24,34,.82);--line:rgba(255,255,255,.09);--muted:#8d96aa;--text:#eef2ff;--accent:#8d7cff;--accent2:#5eead4;--danger:#fb7185;--shadow:0 24px 70px rgba(0,0,0,.3)}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;color:var(--text);background:radial-gradient(circle at 70% -10%,#28254b 0,#0b0d13 42%);font:14px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}.shell{width:min(1160px,calc(100% - 40px));margin:0 auto}.ambient{position:fixed;border-radius:999px;filter:blur(100px);opacity:.2;pointer-events:none}.ambient-a{width:280px;height:280px;background:#7c3aed;top:20%;left:-100px}.ambient-b{width:250px;height:250px;background:#14b8a6;right:-80px;bottom:12%}.topbar{height:86px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;color:var(--text);text-decoration:none;font-weight:800;letter-spacing:.02em}.brand-logo{display:block;width:34px;height:34px;flex:none;object-fit:cover;border:1px solid rgba(141,124,255,.55);border-radius:8px;background:#fff}.status-pill,.step-chip,.mini-tag{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:999px;padding:5px 11px;color:#b4bdd0;font-size:11px;letter-spacing:.05em}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent2);box-shadow:0 0 14px var(--accent2);margin-right:7px}.hero-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:70px;align-items:end;padding:78px 0 60px}.eyebrow{font-size:10px;letter-spacing:.18em;color:#8e82ff;font-weight:800}.hero-copy h1{font-size:clamp(40px,6vw,72px);line-height:1.05;letter-spacing:-.06em;margin:14px 0 18px;max-width:720px}.hero-copy h1 em{font-style:normal;background:linear-gradient(100deg,#c5bcff,#64e8d4);background-clip:text;color:transparent}.hero-lead{max-width:620px;color:var(--muted);font-size:16px;margin:0}.flow-line{display:flex;align-items:center;gap:14px;margin-top:38px;color:#cad0df;font-size:12px}.flow-line div{display:flex;gap:7px;align-items:center;white-space:nowrap}.flow-line b{color:#9083ff;font-size:10px}.flow-line i{display:block;width:42px;height:1px;background:var(--line)}.info-card,.panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(31,36,52,.85),rgba(14,17,25,.76));box-shadow:var(--shadow);border-radius:20px}.info-card{padding:25px}.card-label{font-size:10px;letter-spacing:.16em;color:#8290a9;margin-bottom:18px}.info-row{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line);color:var(--muted)}.info-row strong{color:#d9def0;font-size:12px}.info-note{margin-top:17px;padding:11px 12px;border-radius:12px;background:rgba(94,234,212,.07);color:#97cfc8;font-size:12px}.workspace-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;padding:48px 0 25px}.panel{padding:26px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:25px}.panel-head.compact{margin-bottom:19px}.panel-head h2{margin:0;font-size:21px;letter-spacing:-.03em}.side-stack{display:grid;gap:22px;align-content:start}.field-label{display:block;color:#d6dbea;font-size:12px;font-weight:700;margin:17px 0 8px}.field-label span,.field-label small{color:#7f8aa0;font-size:10px;font-weight:500;margin-left:4px}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:11px;background:rgba(5,8,14,.58);color:var(--text);font:inherit;outline:none;padding:12px 13px;transition:.2s}input:focus,textarea:focus,select:focus{border-color:rgba(141,124,255,.8);box-shadow:0 0 0 3px rgba(141,124,255,.13)}textarea{min-height:132px;resize:vertical}.inline-field{display:flex;gap:9px}.inline-field input{min-width:0}.inline-field .btn{min-width:72px;white-space:nowrap}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-hint{color:#727c91;font-size:11px;margin-top:8px}.btn{border:0;border-radius:11px;padding:11px 15px;color:var(--text);font-weight:750;font:inherit;cursor:pointer;transition:transform .15s,filter .15s,background .15s}.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:wait;transform:none}.btn-primary{background:linear-gradient(110deg,#7968f4,#a182ff);box-shadow:0 12px 25px rgba(121,104,244,.23);display:flex;align-items:center;justify-content:center;gap:15px;flex:1}.btn-primary b{font-size:18px}.btn-secondary{background:rgba(141,124,255,.15);border:1px solid rgba(141,124,255,.35);color:#c2baff}.btn-ghost{background:rgba(255,255,255,.045);border:1px solid var(--line);color:#b1b8c8}.full{width:100%;margin-top:12px}.form-actions{display:flex;gap:10px;margin-top:25px}.form-actions .btn-ghost{width:78px}.feedback{min-height:20px;font-size:12px;margin-top:7px}.good{color:var(--accent2)}.bad{color:var(--danger)}.claude-extra[hidden]{display:none}.lookup-result,.batch-result{min-height:22px;margin-top:13px;color:#aeb7c9;font-size:12px;white-space:pre-wrap}.lookup-result strong,.batch-result strong{color:#e9edff}.result-box{margin-top:18px;padding:14px;border-radius:12px;border:1px solid rgba(94,234,212,.25);background:rgba(94,234,212,.07);color:#b5e9e1;font-size:12px}.result-box.error{border-color:rgba(251,113,133,.3);background:rgba(251,113,133,.07);color:#ffabb8}.notice{display:flex;gap:12px;align-items:center;border:1px solid rgba(141,124,255,.18);background:rgba(141,124,255,.06);border-radius:14px;padding:14px 17px;color:#9ca6bb;font-size:12px}.notice p{margin:0}.notice b{color:#d8d1ff}.notice-icon{width:21px;height:21px;display:grid;place-items:center;border:1px solid rgba(141,124,255,.5);border-radius:50%;color:#b4aaff;font-weight:800;flex:none}.footer{display:flex;justify-content:space-between;color:#626c80;font-size:11px;padding:28px 0 34px}.mini-tag{font-size:9px;color:#8e82ff}.batch-panel textarea{min-height:96px}.batch-panel{padding-bottom:22px}@media(max-width:850px){.hero-grid,.workspace-grid{grid-template-columns:1fr}.hero-grid{gap:30px;padding-top:52px}.hero-copy h1{font-size:50px}.side-stack{grid-template-columns:1fr 1fr}.info-card{max-width:none}}@media(max-width:620px){.shell{width:min(100% - 26px,1160px)}.topbar{height:72px}.status-pill{font-size:0}.status-pill .dot{margin:0}.hero-grid{padding:40px 0}.hero-copy h1{font-size:42px}.flow-line{gap:7px;justify-content:space-between}.flow-line i{width:15px}.flow-line div{font-size:10px;gap:4px}.side-stack,.two-col{grid-template-columns:1fr}.panel,.info-card{padding:20px}.footer{display:block}.footer span{display:block;margin-top:4px}}


/* Account lookup integration */
.source-link{align-self:flex-start;border:1px solid var(--line);border-radius:999px;padding:5px 10px;color:#a99fff;text-decoration:none;font-size:9px;font-weight:800;letter-spacing:.08em;transition:.2s}
.source-link:hover{border-color:rgba(141,124,255,.65);background:rgba(141,124,255,.1)}
.account-intro{margin:-6px 0 14px;color:var(--muted);font-size:12px;line-height:1.65}
.account-panel textarea{min-height:110px}
.account-actions{display:grid;grid-template-columns:1fr 72px;gap:9px;margin-top:12px}
.account-summary[hidden]{display:none}
.account-summary{margin-top:15px;border-top:1px solid var(--line);padding-top:15px}
.account-summary-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;color:#e4e8f5;font-size:12px}
.account-state{border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800;letter-spacing:.04em}
.account-state.active{background:rgba(94,234,212,.12);color:#79f2df}
.account-state.inactive{background:rgba(251,113,133,.12);color:#ff9aaa}
.account-state.unknown{background:rgba(255,255,255,.06);color:#aeb6c8}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.account-metric{min-width:0;border:1px solid var(--line);border-radius:10px;background:rgba(5,8,14,.35);padding:9px 10px}
.account-metric span{display:block;color:#788297;font-size:9px;margin-bottom:4px}
.account-metric b{display:block;color:#e7ebf7;font-size:11px;line-height:1.45;overflow-wrap:anywhere}
.account-live{margin:11px 0 0;color:#7f899e;font-size:10px;line-height:1.5}
.account-details{margin-top:11px}
.account-details summary{cursor:pointer;color:#9186ff;font-size:10px;font-weight:700}
.account-details pre{overflow:auto;max-height:220px;margin:8px 0 0;border-radius:10px;background:#070910;color:#aeb9cd;padding:11px;font:10px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:620px){.account-grid{grid-template-columns:1fr}}


/* Recharge task status */
.lookup-result{display:flex;align-items:flex-start;gap:9px;flex-wrap:wrap}
.lookup-status{display:inline-flex;align-items:center;min-height:30px;border:1px solid var(--line);border-radius:999px;padding:4px 11px;font-size:13px;color:#e9edff;background:rgba(255,255,255,.05)}
.lookup-result.used .lookup-status{border-color:rgba(141,124,255,.42);background:rgba(141,124,255,.13);color:#c8c0ff}
.lookup-result.unused .lookup-status{border-color:rgba(94,234,212,.35);background:rgba(94,234,212,.11);color:#79f2df}
.lookup-result.failed:not(.used) .lookup-status{border-color:rgba(251,113,133,.35);background:rgba(251,113,133,.1);color:#ff9aaa}
.lookup-result.loading{color:#aeb7c9}
.lookup-detail{flex-basis:100%;color:#aeb7c9;line-height:1.55}
.lookup-result.success .lookup-detail{color:#79f2df}
.lookup-result.queued .lookup-detail{color:#fde68a}
.lookup-result.processing .lookup-detail{color:#c8c0ff}
.lookup-result.failed .lookup-detail{color:#ff9aaa}

/* Session guide */
.session-guide{margin-top:24px;padding:13px 16px;border:1px solid rgba(114,183,255,.18);border-radius:8px;background:rgba(18,27,50,.72);color:#9ea9bf;font-size:12px;line-height:1.55}
.session-guide strong{display:block;margin-bottom:2px;color:#e8edfb;font-size:12px}
.session-guide p{margin:0}
.session-guide a{color:#72b7ff;text-decoration:underline;text-underline-offset:2px}
.session-guide code{color:#c9d4e8;font:inherit}
.session-guide + .workspace-grid{padding-top:22px}
@media(max-width:620px){.session-guide{margin-top:18px;padding:12px 13px}.session-guide + .workspace-grid{padding-top:16px}}