:root{--bg:#faf9f5;--ink:#282923;--muted:#8d8b80;--line:#e9e6dc;--accent:#b97852;--soft:#f6efe8;--green:#62816a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;border:0;background:var(--accent);color:white;border-radius:9px;padding:12px 20px;font-weight:600}button:hover:not(:disabled){filter:brightness(.94)}button:disabled{cursor:not-allowed;opacity:.45}input{min-width:0;border:1px solid var(--line);background:#fbfaf7;border-radius:9px;padding:13px 16px;outline:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b9785212}header{height:100px;max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:22px;letter-spacing:-.6px;line-height:1.3}.brand b{color:var(--accent);font-weight:500}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:2px;margin-top:5px}.logo{display:grid;place-items:center;width:44px;height:44px;border:1px solid #dcd5c8;border-radius:12px;color:var(--accent);font-size:30px}.nav{font-size:12px;border:1px solid var(--line);border-radius:6px;padding:7px 12px;color:#67665d}main{max-width:1040px;padding:0 24px;margin:auto}.intro{padding:46px 0 30px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--accent);font-weight:600}h1{font-size:36px;letter-spacing:-1px;font-weight:550;margin:10px 0}h1 span{color:var(--accent)}.intro p{color:var(--muted);margin:0;font-size:13px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;background:#ffffff70;margin-bottom:20px;padding:19px 0}.stats>div{padding:0 30px;position:relative;border-right:1px solid var(--line);line-height:1.4}.stats>div:last-child{border:0}.stats strong{font-size:22px;font-weight:500}.stats small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.stats i,.terminal-bar i{display:inline-block;width:7px;height:7px;background:#c0b6a3;border-radius:50%;margin-right:7px}.stats i.live{background:var(--green)}.notice{display:flex;align-items:center;gap:14px;background:var(--soft);border:1px solid #ebe0d4;color:#82634e;border-radius:10px;padding:14px 18px;margin-bottom:22px;font-size:11px}.notice>span:first-child{font-size:22px}.notice p{margin:0;flex:1}.notice b{font-size:12px;font-weight:550}.tag{font:9px monospace;border:1px solid #d9c8b8;padding:3px 6px;border-radius:4px;white-space:nowrap}.card{background:white;border:1px solid var(--line);border-radius:13px;padding:24px;box-shadow:0 3px 8px #35302202}.section-title{display:flex;gap:10px;align-items:center;margin-bottom:20px}.section-title h2{font-size:15px;margin:0;font-weight:600}.section-title p{font-size:11px;color:var(--muted);margin:2px 0 0}.step{color:var(--accent);background:var(--soft);border-radius:6px;padding:3px 7px;font:11px/20px monospace}.section-title>.subtle,.section-title>.pill,.section-title>button{margin-left:auto}.redeem form{display:flex;gap:12px}.redeem input{flex:1;letter-spacing:1px}.redeem button{min-width:195px}.redeem button span{margin-left:18px}.status{font-size:11px;color:var(--muted);margin:12px 0 0;min-height:18px}.error{color:#ae4b3c!important}.panels{display:grid;grid-template-columns:1fr 1.12fr;gap:20px;margin-top:20px}.pill{font-size:10px;border:1px solid var(--line);color:var(--muted);padding:3px 7px;border-radius:5px}.country{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:30px}.country>span{font-size:22px}.country small{color:var(--muted);font-size:10px}.phone{font-size:29px;font-weight:500;letter-spacing:1px;padding:10px 0 16px;font-variant-numeric:tabular-nums}.secondary{background:#fff;color:#686459;border:1px solid var(--line);font-size:12px;padding:8px 20px}.details{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);padding:17px 0}.details span{display:block;color:var(--muted);font-size:11px}.details b{font-size:13px;font-weight:500}.change p{font-size:10px;color:var(--muted);margin:17px 0 6px}progress{height:4px;width:100%;border:0;border-radius:4px;display:block;background:#f0ede6}progress::-webkit-progress-bar{background:#f0ede6}progress::-webkit-progress-value{background:#c69a76}.text-button{background:transparent;color:var(--accent);font-size:11px;padding:4px 0;font-weight:500}.change button{margin-top:9px}.terminal{background:#292d29;border:1px solid #363a35;border-radius:9px;min-height:263px;overflow:hidden;color:#e3e8dc}.terminal-bar{height:35px;border-bottom:1px solid #3a3e38;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.terminal-bar span{font-size:9px;letter-spacing:3px;color:#717467}.terminal-bar small{font:9px monospace;letter-spacing:1px;color:#929c8c}.terminal-bar i{margin:0;background:#77986e;width:5px;height:5px}.empty{text-align:center;padding:25px 10px 13px}.signal{font:36px monospace;color:#818d76}.empty h3{font-size:13px;font-weight:400;margin:7px 0}.empty p{font-size:10px;color:#929c8c;line-height:1.9}.cursor{color:#94b884}.code-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:10px;color:var(--muted)}.sms{padding:15px 20px;border-bottom:1px solid #3e433b}.sms button{display:block;background:transparent;color:#d6e8b8;font:30px monospace;letter-spacing:5px;padding:0}.sms p{font-size:11px;color:#bcc4b6;word-break:break-word;margin:6px 0}.sms small{color:#85917d;font-size:9px}.help{padding:30px 0 34px}.help h3{font-size:12px;font-weight:500}.help>div{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.help p{font-size:11px;color:var(--muted);line-height:2}.help b{font-weight:500;color:#68695f}.subtle{font-size:11px;color:var(--muted)}footer{max-width:1040px;padding:20px 24px 35px;margin:auto;display:flex;justify-content:space-between;font-size:10px;color:#a5a194;border-top:1px solid var(--line)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.admin main{max-width:1100px}.admin h1{font-size:28px}.admin .card{margin:20px 0}.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.fields label{font-size:12px}.fields input:not([type=checkbox]){display:block;width:100%;margin-top:5px}.actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.admin table{border-collapse:collapse;font-size:11px;width:100%;white-space:nowrap}.admin td,.admin th{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left}.scroll{overflow:auto}.admin pre{white-space:pre-wrap;word-break:break-word;padding:12px;background:var(--soft);border-radius:6px;font-size:12px}.admin .docs{line-height:2}.admin code{background:var(--soft);padding:2px 5px}.admin h2{font-size:17px}.admin p{color:#77766c}.alert{padding:12px 16px;border:1px solid #e4cbae;background:#faf0e5;border-radius:8px;font-size:12px}
@media(max-width:650px){header{height:80px;padding:0 20px}.brand{font-size:18px}.nav{font-size:10px;padding:5px 8px}main{padding:0 16px}.intro{padding:32px 4px 24px}h1{font-size:29px}.stats>div{padding:0 16px}.stats strong{font-size:20px}.notice{padding:12px}.tag{display:none}.card{padding:20px}.redeem form{flex-direction:column}.redeem button{width:100%}.panels{grid-template-columns:1fr;gap:16px}.phone{font-size:29px}.country{margin-top:15px}.help>div{grid-template-columns:1fr;gap:0}.help p{margin:5px 0}.fields{grid-template-columns:1fr}.section-title>.subtle{font-size:10px;max-width:100px;text-align:right}footer{margin:0 16px;padding-left:0;padding-right:0}.admin h1{font-size:24px}}
/* The compact workspace follows the supplied SMS reference. */
.customer{background:radial-gradient(ellipse at 12% 30%,#eee5dc88,transparent 65%),radial-gradient(ellipse at 90% 20%,#dae8df66,transparent 60%),#f5f3ee;background-image:linear-gradient(#bcb6a509 1px,transparent 1px),linear-gradient(90deg,#bcb6a509 1px,transparent 1px),radial-gradient(ellipse at 90% 20%,#dae8df66,transparent 60%);background-size:36px 36px,36px 36px,100% 100%}.surface{max-width:1240px;margin:40px auto 24px;border:1px solid #fff;border-radius:30px;background:#fffaf580;box-shadow:0 16px 40px #3a332812;padding-bottom:8px}.customer header{height:80px;position:relative;justify-content:center;border:0;max-width:none}.customer .brand{font-size:15px;letter-spacing:2px;font-weight:700;background:#fffaf9c9;border:1px solid #eeebe4;padding:6px 12px 6px 7px;border-radius:30px;gap:10px;color:#986345;box-shadow:0 5px 14px #33271809}.customer .brand b{font-weight:700;color:inherit}.customer .brand small{display:none}.customer .logo{width:33px;height:33px;background:#24241e;color:#e7ceb3;font-size:23px;border-radius:12px;border:0}.customer .nav{position:absolute;right:24px;border-radius:25px;background:#fffcf5a0;color:#725d50;font-weight:600}.customer main{max-width:none}.customer .stats{gap:10px;border:0;padding:0;background:transparent;margin-bottom:13px}.customer .stats>div{display:flex;justify-content:center;align-items:center;gap:10px;border:1px solid var(--line);border-radius:18px;background:#fffdf8b0;padding:11px}.customer .stats small{margin:0;font-size:12px;order:-1;color:#706d65;font-weight:550}.customer .stats strong{font-size:29px;font-weight:700;line-height:1.1}.customer .stats i{margin:0}.customer .notice{border-radius:16px;background:#fffaf75c;margin-bottom:14px;padding:8px 17px;font-size:10px}.customer .notice p{line-height:1.7}.customer .notice p br{display:none}.customer .notice b{margin-right:8px}.customer .notice>span:first-child{font-size:15px}.customer .notice .tag{font-size:8px}.customer .card{background:linear-gradient(115deg,#fffdf7a6,#ffffff44);border-radius:20px;box-shadow:inset 0 0 0 2px #ffffff35;padding:18px}.customer .redeem{padding:14px}.customer .redeem .section-title{margin-bottom:9px}.customer .redeem h2{font-size:12px;color:#74736b}.customer .redeem input{background:#fffefa99;border-radius:16px;padding:11px 15px}.customer .redeem button{min-width:0;background:transparent;color:#9b7059;font-size:12px;padding:8px 16px;border:0}.customer .redeem button span{display:none}.customer .status{margin:6px 0 0;font-size:10px}.customer .panels{grid-template-columns:1fr 1.04fr;margin-top:24px;gap:12px}.customer .section-title{margin-bottom:12px}.customer .section-title h2{font-size:22px;font-family:Georgia,'Songti SC',serif;font-weight:500;line-height:1.3}.customer .section-title h2 small{display:block;font:600 10px/1.6 -apple-system,sans-serif;letter-spacing:3px;color:#858079}.customer .country{margin-top:6px;font-size:11px}.customer .country>span{font-size:15px}.customer .phone{font-size:27px;padding:4px 0 7px}.customer .phone-card{position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 100%,#cbd9df80,transparent 40%),linear-gradient(115deg,#fffdf7a6,#ffffff44)}.customer .details{border:0;gap:8px;margin-top:13px;padding:0}.customer .details>div{background:#fffdfa88;border:1px solid var(--line);border-radius:12px;padding:9px 12px}.customer .details span{font-size:10px}.customer .change p{margin-top:12px}.customer .terminal{min-height:186px;background:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px),#252420;background-size:22px 22px;border-radius:17px}.customer .terminal-bar{border:0}.customer .empty{padding:15px 10px}.customer .signal{display:none}.customer .empty h3{font:24px monospace;letter-spacing:2px}.customer .empty p{font-size:10px}.customer .help{padding:15px 5px 4px}.customer .help h3{margin:0;font-size:11px}.customer .help>div{gap:12px}.customer .help p{margin:4px 0;font-size:10px}.customer footer{max-width:none;margin:8px 24px 0;padding:10px 0;font-size:9px}.customer .code-footer{margin-top:9px}.customer .secondary{border-radius:10px;padding:4px 16px}.customer .pill{background:#fffdf9a0;border-radius:20px}
@media(max-width:650px){.surface{margin:12px 8px;border-radius:22px}.customer header{height:70px;justify-content:flex-start;padding:0 15px}.customer .brand{font-size:11px;letter-spacing:1px}.customer .logo{width:27px;height:27px;font-size:20px}.customer .nav{right:15px;font-size:9px;padding:5px 9px}.customer main{padding:0 12px}.customer .stats{gap:5px}.customer .stats>div{padding:10px 4px;flex-wrap:wrap;gap:5px;border-radius:13px}.customer .stats small{width:100%;text-align:center;font-size:9px}.customer .stats strong{font-size:23px}.customer #online{font-size:11px}.customer .notice{padding:9px;gap:8px}.customer .notice p br{display:block}.customer .redeem form{display:grid;grid-template-columns:1fr 1fr;gap:7px}.customer .redeem input{grid-column:1/-1}.customer .redeem button{border:1px solid var(--line);border-radius:12px}.customer .panels{grid-template-columns:1fr;margin-top:14px}.customer .help>div{display:none}.customer .help h3{display:none}.customer .phone{font-size:27px}.customer .empty h3{font-size:19px}.customer footer{margin-left:12px;margin-right:12px}}