:root{color-scheme:light;--ink:#10233f;--muted:#65758c;--blue:#276cf5;--blue-soft:#eaf1ff;--line:#dce5f0;--surface:#fff;--canvas:#f5f8fc;--good:#187a60;--bad:#bd3f49;--shadow:0 20px 60px rgba(31,58,94,.10)}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.topbar{height:76px;padding:0 max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:18px;font-weight:800;letter-spacing:.01em}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:650;letter-spacing:.14em;text-transform:uppercase}.brand-mark{display:grid;width:35px;height:35px;position:relative}.brand-mark i{position:absolute;display:block;background:var(--blue);border-radius:4px 14px 4px 4px;transform:skewY(-22deg)}.brand-mark i:first-child{width:16px;height:28px;left:2px;top:2px}.brand-mark i:last-child{width:26px;height:13px;left:7px;bottom:1px;background:#19355c}.topbar nav{display:flex;align-items:center;gap:9px}.test-badge{padding:4px 8px;border-radius:7px;background:#fff4da;color:#8a5b00;font-size:11px;font-weight:800;letter-spacing:.08em}button,.button{appearance:none;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-weight:650;padding:11px 16px;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s,background .15s}button:hover,.button:hover{border-color:#aebed1;box-shadow:0 5px 18px rgba(28,56,90,.08)}button:active{transform:scale(.98)}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 8px 22px rgba(39,108,245,.22)}.primary:hover{border-color:#1459df;background:#145fe9}.quiet{background:transparent;border-color:transparent;padding:9px 11px}.danger{color:var(--bad)}main{max-width:1160px;min-height:calc(100vh - 136px);margin:auto;padding:42px 24px 70px}.loading{text-align:center;color:var(--muted);margin-top:20vh}.auth-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,470px);gap:70px;align-items:center;min-height:610px}.intro h1{font-size:clamp(38px,5vw,64px);line-height:1.04;letter-spacing:-.055em;margin:14px 0 24px;max-width:700px}.intro p{font-size:18px;color:var(--muted);max-width:600px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px var(--blue-soft)}.auth-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.auth-card{padding:34px}.auth-card h2{font-size:27px;line-height:1.2;letter-spacing:-.03em;margin:0 0 10px}.subtle{color:var(--muted)}form label{display:block;margin:20px 0 0;font-size:13px;font-weight:700}input{display:block;width:100%;margin-top:8px;padding:14px 15px;border:1px solid #cbd8e7;border-radius:12px;background:#fbfdff;color:var(--ink);font:inherit;outline:none;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-soft)}input::placeholder{color:#9aa8ba}.auth-card form>.primary{width:100%;margin-top:24px;padding:14px}.form-note{font-size:12px;color:var(--muted);margin:14px 0 0}.code{font-size:24px;letter-spacing:.28em;text-align:center;font-variant-numeric:tabular-nums}.error{color:var(--bad);min-height:23px;margin:12px 0 0}.status{color:var(--good);min-height:23px}.back{margin:18px 0 0;padding-left:0}.dashboard-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.dashboard-head h1{font-size:38px;line-height:1.1;letter-spacing:-.045em;margin:7px 0}.account-line{color:var(--muted);margin:0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:22px}.panel{padding:26px}.panel h2{font-size:21px;letter-spacing:-.02em;margin:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.count{display:grid;place-items:center;min-width:29px;height:29px;border-radius:9px;background:var(--blue-soft);color:var(--blue);font-weight:800}.installation-list{display:grid;gap:12px}.installation{border:1px solid var(--line);border-radius:17px;padding:18px;background:#fbfdff}.installation-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.installation h3{font-size:17px;margin:0 0 4px}.installation p{margin:3px 0;color:var(--muted)}.installation .id{font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.linked{color:var(--good);background:#e9f8f2;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:800;white-space:nowrap}.empty{display:grid;place-items:center;text-align:center;min-height:250px;border:1px dashed #c7d5e4;border-radius:18px;padding:30px}.empty-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--blue-soft);color:var(--blue);font-size:24px}.empty h3{margin:15px 0 5px}.empty p{color:var(--muted);max-width:340px}.pair-card{background:linear-gradient(145deg,#162b4d,#244a7d);color:#fff;border:0}.pair-card h2{color:#fff}.pair-card p{color:#c8d6e9}.pair-card label{color:#eef5ff}.pair-card input{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.22);color:#fff;text-align:center;letter-spacing:.08em;text-transform:uppercase;font:700 17px ui-monospace,monospace}.pair-card input::placeholder{color:#9fb2ce}.pair-card input:focus{border-color:#86b2ff;box-shadow:0 0 0 4px rgba(110,164,255,.16)}.pair-card .primary{width:100%;margin-top:18px;background:#fff;color:#17335a;border-color:#fff}.steps{padding:4px 0 0}.step{display:flex;gap:12px;margin-top:17px;color:#c8d6e9;font-size:13px}.step b{flex:0 0 25px;height:25px;border-radius:8px;background:rgba(255,255,255,.12);display:grid;place-items:center;color:#fff}.pair-card .error{color:#ffd0d3}.pair-card .status{color:#9df0d4}footer{height:60px;max-width:1160px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;color:#8a99ac;font-size:12px;border-top:1px solid var(--line)}button:focus-visible,a:focus-visible{outline:3px solid rgba(39,108,245,.34);outline-offset:3px}[hidden]{display:none!important}@media(max-width:850px){.auth-shell{grid-template-columns:1fr;gap:30px;min-height:0}.intro{text-align:center}.intro p{margin-left:auto;margin-right:auto}.auth-card{max-width:520px;width:100%;margin:auto}.dashboard-grid{grid-template-columns:1fr}.dashboard-head{align-items:center}.intro h1{font-size:44px}}@media(max-width:560px){.topbar{height:68px;padding:0 16px}.brand small{display:none}.test-badge{display:none}main{padding:28px 16px 55px}.intro h1{font-size:37px}.auth-card,.panel{padding:21px;border-radius:20px}.dashboard-head{align-items:flex-start}.dashboard-head h1{font-size:31px}.installation-top{display:block}.linked{display:inline-block;margin-top:10px}footer{padding:0 16px}.account-line{overflow-wrap:anywhere}}
.brand-symbol{display:block;width:40px;height:40px;flex-shrink:0}
.pair-card{background:#fff;color:var(--ink);border:1px solid var(--line)}
.pair-card h2{color:var(--ink)}.pair-card p,.step{color:var(--muted)}.pair-card label{color:var(--ink)}
.pair-card input{background:#f8faff;border-color:#cedaeb;color:var(--ink)}
.pair-card .primary{background:var(--blue);border-color:var(--blue);color:#fff}
.step b{background:var(--blue-soft);color:var(--blue)}
.pair-card .error{color:var(--bad)}.pair-card .status{color:var(--good)}
.installation details{margin-top:14px;border-top:1px solid var(--line);padding-top:10px;color:var(--muted);font-size:12px}
.installation summary{cursor:pointer;min-height:24px}
.installation details .id{margin-top:8px;user-select:all}
.customer-help{display:inline-block;position:relative;vertical-align:middle;margin-left:6px}
.customer-help button{display:grid;place-items:center;cursor:help;padding:0;background:transparent;list-style:none;width:18px;height:18px;border:1px solid #c5d1e2;border-radius:50%;font-size:11px;color:var(--muted)}
.customer-help button::-webkit-details-marker{display:none}
.customer-help span{display:none;position:absolute;right:0;bottom:26px;z-index:2;width:260px;padding:14px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 30px #182c4520;border-radius:12px;font-size:13px;font-weight:400;line-height:1.5;color:var(--ink)}
.customer-help:hover span,.customer-help:focus-within span,.customer-help[open] span{display:block}
.steps{border-top:1px solid var(--line);margin-top:18px}
.status:empty,.error:empty{display:none}
.dashboard-grid{align-items:start}
#billing-list, #documents-list { display: grid; gap: 12px; margin-top: 20px; }
#billing-editor:not(:empty), #document-text:not(:empty) { margin-top: 24px; }
#document-text { line-height: 1.65; overflow-wrap: anywhere; }
.offer-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:20px; }
#personal-checkout { max-width:640px; margin-top:24px; }
#shop-content > .panel:has(#personal-checkout) { max-width:740px; margin-inline:auto; }
#shop-content > .panel:has(#personal-checkout) > .checkout-actions { margin-top:0; }
.activation-instructions { margin-top:24px; }
.license-download { display:inline-block; padding:13px 18px; border-radius:12px; background:var(--blue); color:#fff; font-weight:700; text-decoration:none; max-width:100%; overflow-wrap:anywhere; }
#personal-form select { display:block; width:100%; min-width:0; padding:14px 12px; margin-top:8px; border:1px solid var(--line); border-radius:12px; background:var(--surface); color:var(--ink); font:inherit; }
#personal-terms { margin-top:20px; padding:16px; border:1px solid var(--line); border-radius:12px; max-height:360px; overflow:auto; }
.personal-product { border-bottom:1px solid var(--line); padding-bottom:8px; }
.offer-card { display:flex; flex-direction:column; gap:18px; min-width:0; }
.offer-card h2 { margin:0; }.offer-card button { margin-top:auto; }
.offer-price { font-size:30px; font-weight:750; margin:20px 0; overflow-wrap:anywhere; }
.offer-price small { display:block; font-size:14px; font-weight:400; color:var(--muted); margin-top:6px; }
.order-history { margin-top:24px; }.order-list { display:grid; gap:12px; margin:20px 0; }
.order-row { display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px; text-align:left; white-space:normal; }
.order-row span { min-width:0; }.order-row small { display:block; color:var(--muted); font-weight:400; margin-top:5px; }
.checkout-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:24px; align-items:start; }
.checkout-grid select { width:100%; min-width:0; display:block; margin-top:8px; padding:14px 12px; border:1px solid var(--line); border-radius:12px; background:var(--surface); color:var(--ink); font:inherit; }
.checkout-actions,.checkout-documents { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.checkout-documents { border-top:1px solid var(--line); padding-top:20px; }.checkout-documents h3 { flex-basis:100%; margin:0; }
.checkout-documents button,.checkout-actions button { white-space:normal; max-width:100%; }
.checkout-consent { display:flex; align-items:flex-start; gap:12px; line-height:1.5; }
.checkout-consent input { width:20px; height:20px; flex:0 0 20px; margin:0; }
#checkout-terms { margin-top:24px; scroll-margin-top:20px; }.legal-copy { white-space:pre-wrap; overflow-wrap:anywhere; }
.order-details { display:grid; grid-template-columns:minmax(110px,.4fr) minmax(0,1fr); gap:12px 20px; margin:28px 0; }
.order-details dt { color:var(--muted); }.order-details dd { margin:0; overflow-wrap:anywhere; }
@media(max-width:750px){ .checkout-grid { grid-template-columns:1fr; }.checkout-total { grid-row:1; } }
@media(max-width:560px){ .checkout-actions button { width:100%; }.order-details { grid-template-columns:1fr; gap:4px; }.order-details dd { margin-bottom:14px; } }
.dashboard-head { flex-wrap: wrap; align-items: center; justify-content:flex-start; gap: 12px; }
.dashboard-head > div { flex: 1 1 100%; min-width: 0; }
.dashboard-head > button { max-width: 100%; white-space: normal; }
.dashboard-head > div { flex: 1 1 320px; }
.account-navigation { display:flex; flex-wrap:wrap; gap:8px; padding:6px; margin:-8px 0 28px; width:fit-content; max-width:100%; background:var(--blue-soft); border-radius:16px; }
.account-navigation button { min-height:44px; white-space:normal; border-color:transparent; background:transparent; box-shadow:none; }
.account-navigation button.primary { background:var(--surface); color:var(--blue); border-color:var(--line); }
.account-navigation button:hover { background:var(--surface); }
.panel-head > h2,.installation-top > div { min-width:0; overflow-wrap:anywhere; }
.customer-help span { max-width:min(260px,calc(100vw - 80px)); }
@media(max-width:560px){.account-navigation { width:100%; }.account-navigation button { flex:1 1 140px; }}
@media(prefers-reduced-motion:reduce){button,.button,input { transition:none; }button:active { transform:none; }}
#billing-editor form { margin-top: 20px; }
#billing-editor form > button { margin-top: 18px; margin-right: 8px; }
#billing-editor select { display: block; width: 100%; min-width: 0; margin-top: 8px; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); color: var(--ink); font: inherit; }
#billing-list .installation, #documents-list > button { min-width: 0; overflow-wrap: anywhere; }
#documents-list > button { text-align: left; white-space: normal; }
.panel h1, .panel h2, .panel h3 { overflow-wrap: anywhere; }
@media(max-width:560px) {
 .dashboard-head > button { flex: 1 1 140px; }
 #billing-editor .panel { padding: 16px; }
 #billing-editor form > button { width: 100%; margin-right: 0; }
}