:root{font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,sans-serif;color:#17242a;background:#f2f5f4;font-synthesis:none;--ink:#17242a;--muted:#68767b;--line:#dce4e1;--surface:#fff;--soft:#f0f5f3;--green:#176b5f;--green-dark:#0f554b;--green-soft:#e5f2ee;--gold:#dcae37;--gold-soft:#fff5d9;--red:#b94f42;--red-soft:#fff0ed}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}.page{min-height:100vh;display:flex;flex-direction:column}.topbar{height:70px;padding:0 clamp(20px,5vw,68px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:780}.brand-icon{width:37px;height:37px;display:grid;place-items:center;color:#fff;background:var(--green);border-radius:7px}.top-meta{display:flex;align-items:center;gap:25px;color:var(--muted);font-size:13px}.top-meta a,.provider-state{display:flex;align-items:center;gap:7px}.provider-state i,.admin-provider i{width:8px;height:8px;border-radius:50%}.provider-state.live i{background:#32a67e;box-shadow:0 0 0 3px #dcefe8}.provider-state.mock i{background:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.risk-notice{background:#fff8e4;border-bottom:1px solid #ecd99f}.risk-notice>div{width:min(1160px,calc(100% - 40px));min-height:75px;margin:auto;display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:12px;color:#705d21}.risk-notice p{font-size:12px;line-height:1.65}.risk-notice strong{display:block;margin-bottom:2px;color:#4d4019;font-size:13px}.workbench{width:min(1160px,calc(100% - 40px));margin:42px auto;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 17px 45px #1b312b17;overflow:hidden}.main-panel{min-width:0;min-height:620px;padding:clamp(35px,5vw,66px)}.eyebrow{display:flex;align-items:center;gap:7px;margin-bottom:16px;color:var(--green);font-size:12px;font-weight:760}.main-panel>h1,.workspace-head h1{font-size:clamp(30px,4vw,43px);line-height:1.14}.lead{max-width:660px;margin-top:12px;color:var(--muted);font-size:15px;line-height:1.75}.steps{margin-top:29px;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.steps span{height:58px;display:flex;align-items:center;gap:8px;color:#99a4a7;font-size:12px;font-weight:680}.steps span+span{border-left:1px solid var(--line);padding-left:17px}.steps b{width:25px;height:25px;display:grid;place-items:center;border:1px solid #cbd5d2;border-radius:50%;font-size:11px}.steps .active{color:var(--green)}.steps .active b{color:#fff;background:var(--green);border-color:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.redeem-form{margin-top:31px}.redeem-form label,.generate-form>label,.form-grid label,.login-panel label{display:block;margin-bottom:9px;color:#3d4a4e;font-size:12px;font-weight:730}.input-action{min-height:62px;padding:7px 8px 7px 17px;display:flex;align-items:center;gap:11px;border:1px solid #b8c5c1;border-radius:7px}.input-action:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #176b5f1f}.input-action>svg{color:var(--green)}.input-action input{flex:1;min-width:0;border:0;outline:0;font:15px ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}.input-action button,.plan-confirm>button:not(.back-link),.login-panel>button,.generate-button{height:46px;padding:0 17px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:6px;color:#fff;background:var(--green);font-weight:720}.input-action button:hover,.plan-confirm>button:hover,.login-panel>button:hover,.generate-button:hover{background:var(--green-dark)}.field-help{margin-top:10px;color:var(--muted);font-size:12px}.plan-confirm{position:relative;margin-top:28px;padding:20px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:15px;background:#f8faf9;border:1px solid var(--line);border-radius:7px}.plan-symbol{width:54px;height:54px;display:grid;place-items:center;color:var(--green);background:var(--green-soft);border-radius:7px}.plan-confirm>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.plan-confirm span{color:var(--muted);font-size:11px}.plan-confirm strong{font-size:18px}.plan-confirm p{color:var(--muted);font-size:12px}.back-link{position:absolute;top:calc(100% + 12px);left:0;padding:0;display:flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--green);font-size:12px}.error{margin-top:16px;padding:11px 13px;display:flex;align-items:center;gap:8px;border:1px solid #efc8c1;border-radius:6px;color:#934137;background:var(--red-soft);font-size:13px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.guide{padding:32px 28px;background:#eef3f1;border-left:1px solid var(--line)}.guide-head{display:flex;align-items:flex-start;gap:11px;color:var(--green)}.guide-head>div{display:flex;flex-direction:column;gap:2px}.guide-head span{font-size:10px;font-weight:800;text-transform:uppercase}.guide-head h2{color:var(--ink);font-size:18px}.guide ol{list-style:none;margin:27px 0 0;padding:0;display:flex;flex-direction:column;gap:23px}.guide li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px}.guide li b{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:var(--green);background:#fff;font-size:11px}.guide li p{color:var(--muted);font-size:12px;line-height:1.65}.guide li strong{display:block;color:var(--ink);font-size:13px}.scope-note{margin-top:29px;padding-top:20px;display:grid;grid-template-columns:20px minmax(0,1fr);gap:9px;border-top:1px solid #d2ddda;color:var(--green)}.scope-note p{color:var(--muted);font-size:11px;line-height:1.6}.scope-note strong{display:block;color:var(--ink);font-size:12px}.workspace-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.workspace-head .eyebrow{margin-bottom:7px}.quiet-button{height:39px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:6px;color:#465458;background:#fff;font-size:12px;font-weight:690}.quiet-button:hover,.icon-button:hover{background:var(--soft)}.number-strip{margin-top:25px;padding:17px;display:grid;grid-template-columns:44px minmax(0,1fr) 38px auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:7px}.phone-badge{width:44px;height:44px;display:grid;place-items:center;color:var(--green);background:var(--green-soft);border-radius:7px}.number-strip>div:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0}.number-strip span{color:var(--muted);font-size:11px}.number-strip strong{font:24px ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:#fff}.status{padding:7px 9px;display:flex;align-items:center;gap:6px;border-radius:5px;color:#176b5f;background:var(--green-soft);font-size:11px;font-weight:750}.status i{width:7px;height:7px;border-radius:50%;background:#2b9a78}.status.expired,.status.purchase_unknown{color:#8b493e;background:var(--red-soft)}.status.expired i,.status.purchase_unknown i{background:var(--red)}.term-bar{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:7px;overflow:hidden}.term-bar>div{min-height:68px;padding:12px 15px;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:1px 8px}.term-bar>div+div{border-left:1px solid var(--line)}.term-bar svg{grid-row:1/3;color:var(--green)}.term-bar span{color:var(--muted);font-size:10px}.term-bar strong{font-size:12px;overflow-wrap:anywhere}.message-head{margin-top:25px;display:flex;align-items:center;justify-content:space-between}.message-head>div{display:flex;align-items:center;gap:9px}.message-head>div>svg{color:var(--green)}.message-head h2{font-size:17px}.message-head span{display:block;margin-top:2px;color:var(--muted);font-size:11px}.message-list{margin-top:10px;border:1px solid var(--line);border-radius:7px;overflow:hidden}.sms-row{min-height:99px;padding:14px;display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:12px}.sms-row+.sms-row{border-top:1px solid var(--line)}.sms-index{width:34px;height:34px;display:grid;place-items:center;border-radius:6px;color:var(--green);background:var(--green-soft);font:11px ui-monospace,monospace}.sms-body{min-width:0}.sms-body>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.sms-body strong{font-size:12px}.sms-body time{color:var(--muted);font-size:10px}.sms-body p{margin-top:7px;color:#4f5d61;font-size:12px;line-height:1.55;overflow-wrap:anywhere}.code-copy{min-width:116px;padding:9px 10px;display:grid;grid-template-columns:minmax(0,1fr) 15px;gap:1px 8px;text-align:left;border:1px solid #b8d8d0;border-radius:6px;color:var(--green);background:#f2faf7}.code-copy span{font-size:9px}.code-copy strong{font:18px ui-monospace,monospace}.code-copy svg{grid-row:1/3;grid-column:2;align-self:center}.empty-messages{min-height:168px;margin-top:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #c6d3cf;border-radius:7px;color:var(--muted)}.empty-messages svg{color:var(--green)}.empty-messages strong{margin-top:10px;color:var(--ink);font-size:13px}.empty-messages span{max-width:380px;margin-top:5px;font-size:11px;line-height:1.55}.slow-spin{animation:spin 3s linear infinite}footer{margin-top:auto;padding:16px clamp(20px,5vw,68px);background:#fff;border-top:1px solid var(--line);color:var(--muted);font-size:11px}footer>div{display:flex;justify-content:space-between;gap:20px}footer>p{width:min(1160px,100%);margin:11px auto 0;padding-top:11px;display:grid;grid-template-columns:18px minmax(0,1fr);gap:7px;border-top:1px solid #edf1ef;line-height:1.6}footer svg{color:var(--green)}footer strong{color:#4a575b}.admin-login{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eaf0ed}.login-panel{width:min(420px,100%);padding:34px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 17px 45px #1b312b1a}.login-panel>.eyebrow{margin:20px 0 4px}.login-panel h1{font-size:27px}.login-panel>p:not(.eyebrow){margin-top:7px;color:var(--muted);font-size:13px}.login-panel label{margin-top:24px}.login-panel input,.form-grid input{width:100%;height:44px;padding:0 12px;border:1px solid #bac7c3;border-radius:6px;outline:0}.login-panel input:focus,.form-grid input:focus{border-color:var(--green);box-shadow:0 0 0 3px #176b5f1a}.login-panel>button{width:100%;margin-top:14px}.login-panel>a{margin-top:17px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--green);font-size:12px}.admin{min-height:100vh;display:grid;grid-template-columns:225px minmax(0,1fr)}.admin-nav{min-height:100vh;position:sticky;top:0;align-self:start;padding:22px 15px;display:flex;flex-direction:column;color:#fff;background:#182b28}.admin-nav .brand{padding:0 8px}.admin-nav nav{margin-top:32px}.admin-nav button{width:100%;height:41px;padding:0 11px;display:flex;align-items:center;gap:10px;border:0;border-radius:6px;color:#b7c3c0;background:transparent}.admin-nav nav button.active{color:#fff;background:#29413d;box-shadow:inset 3px 0 var(--gold)}.admin-provider{margin-top:auto;margin-inline:7px;padding:12px;display:flex;align-items:center;gap:8px;border:1px solid #354a46;border-radius:6px;color:#b7c3c0;font-size:11px}.admin-provider i{background:#54c49a}.admin-main{min-width:0;padding:28px clamp(20px,4vw,46px) 50px}.admin-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-title span,.orders>div>span{color:var(--muted);font-size:11px;font-weight:720}.admin-title h1{margin-top:3px;font-size:27px}.admin-title a{height:38px;padding:0 11px;display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:12px}.inventory{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.inventory>div{min-height:112px;padding:19px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:7px}.inventory span{color:var(--muted);font-size:11px}.inventory strong{margin-top:3px;font-size:25px}.inventory small{margin-top:auto;color:#889590}.generator{margin-top:18px;display:grid;grid-template-columns:minmax(370px,.9fr) minmax(390px,1.1fr);gap:18px}.generate-form,.code-output,.orders{padding:23px;background:#fff;border:1px solid var(--line);border-radius:7px}.generate-form h2,.code-output h2,.orders h2{font-size:18px}.generate-form>p{margin-top:5px;color:var(--muted);font-size:12px}.generate-form>label{margin-top:22px}.segments{display:grid;grid-template-columns:1fr;gap:7px}.segments button{min-height:57px;padding:8px 10px;display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:8px;text-align:left;border:1px solid var(--line);border-radius:6px;background:#fff}.segments button.selected{border-color:var(--green);background:var(--green-soft)}.segments button>svg:first-child{color:var(--green)}.segments button span{display:flex;flex-direction:column;gap:2px}.segments strong{font-size:12px}.segments small{color:var(--muted);font-size:10px}.form-grid{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid label{margin:0}.form-grid input{margin-top:7px}.generate-button{width:100%;margin-top:17px}.code-output{min-width:0;min-height:450px}.code-output>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:15px}.code-output>div:first-child span{color:var(--muted);font-size:10px}.code-output textarea{width:100%;height:305px;margin-top:16px;padding:14px;resize:none;border:1px solid #263b37;border-radius:6px;outline:0;color:#dce9e5;background:#182b28;font:12px/1.65 ui-monospace,monospace}.code-output>p{margin-top:11px;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.output-empty{height:100%;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.output-empty svg{color:#98a8a3}.output-empty strong{margin-top:10px;color:var(--ink);font-size:13px}.output-empty span{margin-top:4px;font-size:11px}.orders{margin-top:18px;padding:0;overflow:hidden}.orders>div:first-child{padding:19px 22px;border-bottom:1px solid var(--line)}.table-wrap{overflow-x:auto}table{width:100%;min-width:780px;border-collapse:collapse}th,td{height:50px;padding:0 14px;text-align:left;border-bottom:1px solid #edf1ef;font-size:11px;white-space:nowrap}th{height:39px;color:var(--muted);background:#f8faf9;font-size:10px}@media(max-width:950px){.workbench{grid-template-columns:1fr}.guide{border-left:0;border-top:1px solid var(--line)}.guide ol{display:grid;grid-template-columns:repeat(3,1fr)}.generator{grid-template-columns:1fr}.code-output{min-height:400px}}@media(max-width:700px){.topbar{height:61px;padding:0 16px}.top-meta .provider-state{display:none}.top-meta a{font-size:0}.risk-notice>div{width:calc(100% - 30px);align-items:start;padding:13px 0}.workbench{width:100%;margin:0;border-inline:0;box-shadow:none}.main-panel{min-height:560px;padding:31px 18px 38px}.main-panel>h1,.workspace-head h1{font-size:30px}.steps span{gap:5px;font-size:10px}.steps span+span{padding-left:8px}.steps b{width:23px;height:23px}.input-action{flex-wrap:wrap;padding:10px}.input-action input{min-width:calc(100% - 35px);font-size:13px}.input-action button{width:100%}.plan-confirm{grid-template-columns:47px minmax(0,1fr)}.plan-symbol{width:47px;height:47px}.plan-confirm>button:not(.back-link){grid-column:1/-1;width:100%}.guide{padding:28px 20px}.guide ol{display:flex}.workspace-head{align-items:flex-start}.workspace-head .quiet-button{width:39px;padding:0;font-size:0}.number-strip{grid-template-columns:42px minmax(0,1fr) 38px}.number-strip .status{grid-column:1/-1;justify-content:center}.number-strip strong{font-size:19px}.term-bar{grid-template-columns:1fr}.term-bar>div+div{border-left:0;border-top:1px solid var(--line)}.sms-row{grid-template-columns:30px minmax(0,1fr)}.code-copy{grid-column:1/-1;width:100%}.sms-body>div{align-items:flex-start;flex-direction:column;gap:2px}footer{padding:15px}.admin{display:block}.admin-nav{min-height:auto;position:static;padding:11px 13px;display:grid;grid-template-columns:auto minmax(0,1fr) 41px;align-items:center;gap:8px}.admin-nav .brand>span:last-child{display:none}.admin-nav nav{margin:0}.admin-nav nav button{width:42px;font-size:0}.admin-provider{display:none}.admin-nav>button{margin:0;width:41px;font-size:0}.admin-main{padding:22px 14px 40px}.admin-title h1{font-size:23px}.admin-title a{width:38px;padding:0;justify-content:center;font-size:0}.inventory,.generator{grid-template-columns:1fr}.generate-form,.code-output{padding:19px}.form-grid{grid-template-columns:1fr}.segments button{min-height:60px}}.receive-button,.receiving-state{min-height:40px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:6px;font-size:12px;font-weight:720;white-space:nowrap}.receive-button{border:0;color:#fff;background:var(--green)}.receive-button:hover:not(:disabled){background:var(--green-dark)}.receiving-state{border:1px solid #c9ddd7;color:var(--green);background:var(--green-soft)}@media(max-width:700px){.message-head{align-items:flex-start;flex-direction:column;gap:11px}.receive-button,.receiving-state{width:100%}}.copy-toast{position:fixed;left:50%;bottom:28px;z-index:1000;min-height:42px;padding:0 17px;display:flex;align-items:center;gap:8px;transform:translate(-50%);border:1px solid #287d70;border-radius:6px;color:#fff;background:#176b5f;box-shadow:0 9px 24px #0f554b38;font-size:13px;font-weight:720;pointer-events:none;animation:copy-toast-in .18s ease-out}@keyframes copy-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.quota-intro{margin-top:18px;padding:13px 15px;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;border:1px solid #e7cf84;border-radius:7px;color:#6d591a;background:#fff8e4}.quota-intro>svg{margin-top:1px;color:#a67908}.quota-intro>div{display:flex;flex-direction:column;gap:3px}.quota-intro strong{font-size:13px}.quota-intro span{font-size:11px;line-height:1.65}.receive-quota{margin-top:12px;padding:13px 14px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #b8d8d0;border-radius:7px;color:var(--green);background:#f2faf7}.receive-quota>div{min-width:0;display:flex;flex-direction:column;gap:2px}.receive-quota span{font-size:9px;font-weight:760;text-transform:uppercase}.receive-quota strong{color:var(--ink);font-size:12px}.receive-quota p{color:var(--muted);font-size:10px;line-height:1.5}.receive-quota>b{min-width:48px;padding:7px 8px;text-align:center;border-radius:5px;color:#fff;background:var(--green);font-size:11px}.receive-quota.blocked{border-color:#e1c469;color:#8a6609;background:#fff8e4}.receive-quota.blocked>b{background:#9a7514}.receive-button.blocked{color:#fff;background:#8b9693}@media(max-width:700px){.quota-intro{margin-top:15px}.receive-quota{grid-template-columns:24px minmax(0,1fr)}.receive-quota>b{grid-column:1/-1;width:100%}}