:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#faf9f7;color:#191919;--line:#e8e6e3;--muted:#77746f;--surface:#fff;--dark:#1c1c1c}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #beb9b2;outline-offset:2px}.hide{display:none!important}.shell{min-height:100vh;display:flex}.side{width:238px;flex:0 0 238px;background:#f4f3f1;border-right:1px solid var(--line);padding:27px 15px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.identity{display:flex;align-items:center;gap:10px;padding:4px 11px 30px;font-size:13px;font-weight:800;letter-spacing:.065em}.logo{width:35px;height:35px;border-radius:11px;background:#202020;color:#fff;font-size:17px;display:grid;place-items:center;letter-spacing:-.04em}.nav-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#9a9894;padding:12px 12px 11px;font-weight:700}.nav-link{border-radius:11px;color:#6b6966;display:flex;align-items:center;gap:11px;padding:13px;text-decoration:none;font-size:13px}.nav-link.active{background:#e9e7e4;color:#202020;font-weight:700}.nav-link svg{width:17px;height:17px;flex:none}.side-bottom{margin-top:auto;border-top:1px solid #dfddda;padding:19px 9px 0;font-size:12px;color:#555;line-height:1.7}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#29b07a;margin-right:6px}.work{flex:1;min-width:0}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 46px;background:#fff}.breadcrumb{color:#9a9793;font-size:13px}.breadcrumb strong{color:#232323;font-weight:650}.top-right{display:flex;align-items:center;gap:10px}.test-pill{border:1px solid #e9dec1;color:#90713f;background:#fffaf0;font-size:11px;padding:8px 11px;border-radius:100px;font-weight:700;letter-spacing:.03em}.avatar{background:#eeeae6;color:#45413e;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800}.content{max-width:1140px;margin:0 auto;padding:49px 46px 90px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.2em;font-weight:750;color:#88847e}.heading{font-size:34px;letter-spacing:-1.5px;line-height:1.12;margin:11px 0 12px;font-weight:730}.lead{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 29px}.notice{display:flex;align-items:flex-start;gap:11px;padding:14px 18px;border:1px solid #e8dfcb;border-radius:12px;background:#fffaf0;color:#8b734f;font-size:12px;line-height:1.65;margin-bottom:29px}.notice svg{flex:none;width:17px;height:17px;margin-top:1px}.section-title{font-size:17px;font-weight:700;letter-spacing:-.35px;margin:34px 0 16px;display:flex;justify-content:space-between;align-items:center}.tag{font-size:11px;color:#7d7974;background:#f0efed;border-radius:100px;padding:7px 11px;letter-spacing:0;font-weight:550}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:23px 24px}.auth-panel{max-width:660px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#55504c;font-weight:650}.field input,.field select{width:100%;height:45px;border:1px solid #e6e2dd;background:#fdfdfc;padding:0 13px;border-radius:9px;outline:none;color:#252525}.field input:focus,.field select:focus{border-color:#a7a39d;box-shadow:0 0 0 3px #f2f0eb}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.btn{background:#1c1c1c;color:#fff;border:1px solid #1c1c1c;border-radius:10px;padding:12px 17px;font-weight:650;font-size:12px;min-height:42px;transition:background .15s}.btn:hover{background:#383838}.btn.ghost{background:#fff;color:#35312e;border-color:#e4e1dc}.btn.ghost:hover{background:#faf9f7}.btn:disabled{opacity:.5}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.plan{position:relative;border:1px solid var(--line);border-radius:16px;background:#fff;padding:22px;min-height:209px;display:flex;flex-direction:column;gap:11px;cursor:pointer;transition:box-shadow .15s,border-color .15s}.plan:hover{box-shadow:0 8px 24px #1818180d}.plan.selected{border:1.5px solid #242424;box-shadow:0 0 0 1px #242424}.plan-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.plan-title{font-size:13px;font-weight:800;letter-spacing:.08em}.plan-chip{font-size:10px;border:1px solid #eae6e2;padding:5px 8px;border-radius:100px;color:#8b857e}.plan-n{font-size:37px;font-weight:750;letter-spacing:-2px;margin:6px 0 0}.plan-n small{font-size:12px;font-weight:500;letter-spacing:0;color:#8a8783;margin-left:7px}.plan-desc{font-size:12px;color:#7e7a75;line-height:1.6}.plan-bottom{margin-top:auto;font-size:11px;color:#aaa39e}.plan-bottom::before{content:'✓';color:#2f9870;margin-right:7px}.two{display:grid;grid-template-columns:1fr 1fr;gap:17px}.panel-title{font-size:14px;font-weight:750;letter-spacing:-.25px;margin:0 0 10px}.panel-sub{font-size:12px;color:#89857f;line-height:1.65;margin:0 0 17px}.order-code{background:#faf9f7;border:1px dashed #e2dfda;border-radius:9px;padding:12px;font-size:12px;color:#67625e;word-break:break-word;min-height:44px;margin-bottom:12px}.half-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.video-select{max-width:255px;margin-bottom:8px}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.data{font:11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;background:#f8f8f7;border-radius:10px;padding:16px;white-space:pre-wrap;overflow:auto;word-break:break-word;color:#56534f;max-height:280px;min-height:120px}.hint{font-size:12px;color:#86817a;margin-top:10px;line-height:1.6}.spacer{height:5px}@media(max-width:960px){.side{width:74px;flex-basis:74px;padding:22px 10px}.side .identity span,.side .nav-label,.side .nav-link span,.side-bottom{display:none}.side .identity{padding:5px 7px 24px}.side .nav-link{justify-content:center}.topbar{padding:0 25px}.content{padding:35px 25px 70px}}@media(max-width:680px){.shell{display:block}.side{height:auto;position:relative;width:100%;padding:12px 15px;display:block;border-right:0;border-bottom:1px solid var(--line)}.side .identity{padding:0}.side .identity span{display:inline}.side .nav-label,.side nav{display:none}.topbar{height:58px;padding:0 17px}.content{padding:29px 17px 65px}.heading{font-size:28px}.grid,.two,.bottom-grid,.form-row{grid-template-columns:1fr}.plan{min-height:155px}.panel{padding:19px}.top-right{gap:7px}.breadcrumb{font-size:11px}}

/* Customer-only account summary; hide diagnostics */
.account-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.account-status{padding:7px 12px;border-radius:99px;background:#f0efed;color:#6c6761;font-size:11px;white-space:nowrap}.account-status.active{background:#e9f6ee;color:#25845c}.account-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.stat{background:#faf9f7;border:1px solid #eeeae5;border-radius:12px;padding:17px;display:flex;flex-direction:column;gap:10px;min-height:95px}.stat-label{font-size:12px;color:#88827b}.stat strong{font-size:18px;letter-spacing:-.3px}.feedback{margin-top:16px;border:1px solid #e6e4e0;border-radius:10px;background:#faf9f7;padding:13px 16px;font-size:12px;line-height:1.65;color:#57534e}.feedback.error{color:#9a372c;background:#fff4f2;border-color:#f4d8d3}@media(max-width:720px){.account-stats{grid-template-columns:1fr}.account-top{flex-wrap:wrap}}