@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--font:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--accent:#6d5cf6;--accent-2:#8a78ff;--coral:#ff8a5c;--green:#16a34a;--green-bg:#e7f6ed;--green-ink:#0f7a3d;--blue:#2f6df0;--r-xl:26px;--r-lg:22px;--r-md:16px;--r-sm:12px}html[data-theme=light]{--bg:#eef0f5;--surface:#fff;--surface-2:#f5f6f9;--surface-3:#eceef4;--border:#e7e9ef;--border-2:#dde0e9;--text:#161a23;--text-2:#5a6373;--text-3:#959db0;--shadow:0 1px 2px rgba(20,25,40,.04),0 10px 26px -14px rgba(20,25,40,.13);--shadow-lg:0 2px 6px rgba(20,25,40,.05),0 30px 60px -24px rgba(20,25,40,.22);--side-bg:#fff;--side-active:#f2f1fe;--side-active-ink:#5a48e8;--field:#f6f7fa}html[data-theme=dark]{--bg:#080b12;--surface:#131826;--surface-2:#1a2030;--surface-3:#222a3c;--border:#222a3b;--border-2:#2c3548;--text:#eaedf4;--text-2:#9aa4b8;--text-3:#69728a;--shadow:0 1px 2px rgba(0,0,0,.3),0 14px 34px -18px rgba(0,0,0,.65);--shadow-lg:0 2px 8px rgba(0,0,0,.35),0 36px 70px -28px rgba(0,0,0,.75);--accent:#8576ff;--accent-2:#a394ff;--coral:#ff9a6e;--green:#34d27e;--green-bg:#10331f;--green-ink:#4ade8b;--blue:#5b8bff;--side-bg:#0e1320;--side-active:#1b1f3a;--side-active-ink:#b3a7ff;--field:#1a2030}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;letter-spacing:-.01em}#root{min-height:100%}h1,h2{letter-spacing:-.03em;font-weight:800}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}code{font-family:var(--mono)}.live-dot{width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in oklab,var(--green),transparent 76%);position:relative;flex-shrink:0}.live-dot,.live-dot:after{border-radius:50%;background:var(--green)}.live-dot:after{content:"";position:absolute;inset:0;animation:ping 1.8s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2.4);opacity:0}}.shell{display:flex;min-height:100vh}.scrim{display:none}.sidebar{width:268px;flex-shrink:0;background:var(--side-bg);border-right:1px solid var(--border);padding:22px 18px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;padding:6px 8px 16px}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,var(--accent),#a78bff);box-shadow:0 8px 18px -6px color-mix(in oklab,var(--accent),transparent 45%)}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-text strong{font-size:16px;font-weight:800}.brand-text span{font-size:11.5px;color:var(--text-3);font-weight:600;white-space:nowrap}.nav-group{display:flex;flex-direction:column;gap:3px;padding:8px 0}.nav-label{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);padding:4px 12px 8px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:11px;font-size:14.5px;font-weight:600;color:var(--text-2);width:100%;text-align:left;transition:background .15s,color .15s;position:relative}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.is-active{background:var(--side-active);color:var(--side-active-ink)}.nav-item.is-active:before{content:"";position:absolute;left:-18px;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--accent)}.nav-badge{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;background:var(--accent);color:#fff;min-width:19px;height:19px;border-radius:7px;display:grid;place-items:center;padding:0 5px}.side-promo{margin-top:auto;background:linear-gradient(160deg,var(--accent),#7d5cff 55%,#ff8a5c);color:#fff;border-radius:var(--r-md);padding:18px 16px;position:relative;overflow:hidden;flex-shrink:0}.side-promo-glow{width:36px;height:36px;border-radius:11px;background:hsla(0,0%,100%,.2);display:grid;place-items:center;margin-bottom:12px}.side-promo strong{display:block;font-size:14.5px;font-weight:700}.side-promo p{font-size:12.5px;opacity:.92;margin:5px 0 14px;line-height:1.4}.side-user{display:flex;align-items:center;gap:11px;padding:14px 8px 4px;margin-top:14px;border-top:1px solid var(--border);flex-shrink:0}.side-user-text{flex:1;min-width:0;line-height:1.3}.side-user-text strong{font-size:13.5px;font-weight:700}.side-user-text span,.side-user-text strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user-text span{font-size:11.5px;color:var(--text-3)}.avatar{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:16px;color:#fff;background:linear-gradient(150deg,var(--accent),#9a7bff);flex-shrink:0}.avatar-sm{width:36px;height:36px;border-radius:10px;font-size:14px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;justify-content:space-between;gap:16px;padding:16px 34px;background:color-mix(in oklab,var(--bg),transparent 25%);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.topbar,.topbar-l{display:flex;align-items:center}.topbar-l{gap:12px}.crumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-3);font-weight:600}.crumb strong{color:var(--text);font-weight:700}.topbar-r{display:flex;align-items:center;gap:10px}.status-chip{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;color:var(--text-2);background:var(--surface);border:1px solid var(--border);padding:8px 14px;border-radius:11px}.icon-btn{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);color:var(--text-2);transition:.15s;position:relative}.icon-btn:hover{color:var(--text);border-color:var(--border-2);background:var(--surface-2)}.icon-btn.ghost{background:transparent;border-color:transparent}.icon-btn.xs{width:30px;height:30px;border-radius:8px}.icon-btn.xs.ok{color:var(--green);border-color:color-mix(in oklab,var(--green),transparent 55%)}.icon-btn .ping{position:absolute;top:9px;right:10px;width:7px;height:7px;border-radius:50%;background:var(--coral);border:2px solid var(--surface)}.topbar-av{cursor:pointer}.content{padding:24px 34px 40px;max-width:1340px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:18px}.hero{position:relative;overflow:hidden;border-radius:var(--r-xl);padding:34px 38px;color:#fff;display:flex;gap:28px;align-items:center;justify-content:space-between;box-shadow:0 30px 60px -28px rgba(60,40,160,.6)}.hero-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(120% 140% at 12% 0,#7d5cff 0,#5b3df0 38%,#2c1d72 78%,#1a1340 100%)}.hero-bg:before{width:340px;height:340px;right:-60px;top:-120px;background:radial-gradient(circle,rgba(255,138,92,.55),transparent 65%)}.hero-bg:after,.hero-bg:before{content:"";position:absolute;border-radius:50%}.hero-bg:after{width:260px;height:260px;left:30%;bottom:-140px;background:radial-gradient(circle,rgba(125,150,255,.45),transparent 65%)}.hero-l,.hero-r{position:relative;z-index:1}.hero-l{max-width:560px}.hero-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#e6dcff;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.18);padding:6px 12px;border-radius:999px}.hero h1{font-size:32px;font-weight:800;margin:16px 0 6px;line-height:1.08}.wave{display:inline-block}.hero-sub{display:flex;align-items:center;gap:8px;font-size:14px;color:#d9d2f7;font-weight:500}.hero-pills{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 22px}.glass-pill{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#fff;background:hsla(0,0%,100%,.13);border:1px solid hsla(0,0%,100%,.18);padding:7px 13px;border-radius:999px;backdrop-filter:blur(6px)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-r{display:flex;flex-direction:column;align-items:center;gap:18px;flex-shrink:0}.ring{position:relative;width:172px;height:172px}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-track{stroke:hsla(0,0%,100%,.14)}.ring-prog,.ring-track{fill:none;stroke-width:11}.ring-prog{stroke-linecap:round;transition:stroke-dashoffset 1.3s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 0 8px rgba(170,140,255,.6))}.ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.ring-center strong{font-size:42px;font-weight:800;letter-spacing:-.03em}.ring-center span{font-size:12.5px;color:#d9d2f7;font-weight:600;margin-top:6px}.hero-dates{display:flex;align-items:center;gap:18px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.16);padding:12px 18px;border-radius:14px;backdrop-filter:blur(6px)}.hero-dates div span{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:#cfc7f0;font-weight:700;margin-bottom:3px}.hero-dates div strong{font-size:13.5px;font-weight:700;color:#fff}.hero-dates .hr{width:1px;height:28px;background:hsla(0,0%,100%,.2)}.qstat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.qstat{padding:16px 18px;display:flex;align-items:center;gap:13px}.qstat-ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.tone-violet{background:color-mix(in oklab,var(--accent),transparent 86%);color:var(--accent)}.tone-coral{background:color-mix(in oklab,var(--coral),transparent 82%);color:#e07338}html[data-theme=dark] .tone-coral{color:var(--coral)}.tone-blue{background:color-mix(in oklab,var(--blue),transparent 86%);color:var(--blue)}.tone-green{background:var(--green-bg);color:var(--green-ink)}.qstat-value{font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.1;white-space:nowrap}.qstat>div{min-width:0}.qstat-label{font-size:12px;color:var(--text-3);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow)}.card.pad{padding:24px}.layout{display:grid;grid-template-columns:1fr 348px;gap:18px;align-items:start}.col-main,.col-side{display:flex;flex-direction:column;gap:18px;min-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:700;padding:12px 18px;border-radius:13px;transition:.16s;white-space:nowrap}.btn-light{background:#fff;color:#5a48e8;box-shadow:0 8px 20px -10px rgba(0,0,0,.3)}.btn-light:hover{transform:translateY(-1px);box-shadow:0 12px 26px -10px rgba(0,0,0,.35)}.btn-glass{background:hsla(0,0%,100%,.14);color:#fff;border:1px solid hsla(0,0%,100%,.22);backdrop-filter:blur(6px)}.btn-glass:hover{background:hsla(0,0%,100%,.22)}.btn-soft{background:color-mix(in oklab,var(--accent),transparent 88%);color:var(--accent);padding:10px 16px;border-radius:11px;font-size:13px}.btn-soft:hover{background:color-mix(in oklab,var(--accent),transparent 80%)}.btn-soft.is-ok{color:var(--green-ink);background:var(--green-bg)}.btn-sm{padding:9px 13px;font-size:12.5px}.upgrade .btn-light{color:var(--accent)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.section-head.sm{margin-bottom:16px}.sh-l{display:flex;align-items:center;gap:14px}.sh-ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,var(--accent),#9a7bff);box-shadow:0 8px 18px -8px color-mix(in oklab,var(--accent),transparent 40%)}.section-head h2{font-size:18px;font-weight:800}.section-head p{font-size:13px;color:var(--text-2);margin-top:2px;font-weight:500}.conn-status{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;color:var(--green-ink);background:var(--green-bg);border-radius:10px;padding:9px 13px;margin-bottom:18px}.cred{margin-bottom:12px}.cred-grid{grid-template-columns:1fr 1fr}.cred-grid,.cred-srv{display:grid;gap:12px}.cred-srv{grid-template-columns:1fr 198px}.cred-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);margin-bottom:8px}.cred-tag{font-style:normal;font-size:9.5px;font-weight:700;letter-spacing:.06em;color:var(--accent);background:color-mix(in oklab,var(--accent),transparent 88%);padding:3px 8px;border-radius:6px}.cred-row{display:flex;align-items:center;gap:11px;background:var(--field);border:1px solid var(--border);border-radius:var(--r-sm);padding:9px 9px 9px 11px;transition:border-color .15s,box-shadow .15s}.cred-row:hover{border-color:var(--border-2)}.cred-row.is-done{border-color:color-mix(in oklab,var(--green),transparent 55%);box-shadow:0 0 0 3px color-mix(in oklab,var(--green),transparent 88%)}.cred-ico{width:32px;height:32px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;background:color-mix(in oklab,var(--accent),transparent 88%);color:var(--accent)}.cred-row code{flex:1;min-width:0;font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;letter-spacing:-.01em}.cred-tools{display:flex;align-items:center;gap:6px;flex-shrink:0}.copy-chip,.cred-row .icon-btn.xs{background:var(--surface)}.copy-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--text-2);border:1px solid var(--border);padding:7px 11px;border-radius:9px;transition:.15s}.copy-chip:hover{color:var(--accent);border-color:color-mix(in oklab,var(--accent),transparent 60%);background:color-mix(in oklab,var(--accent),transparent 92%)}.copy-chip.ok{color:var(--green-ink);border-color:color-mix(in oklab,var(--green),transparent 55%);background:var(--green-bg)}.qr-row{display:flex;gap:16px;align-items:center;margin-top:18px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:16px}.qr{width:74px;height:74px;border-radius:14px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border-2);color:var(--text);flex-shrink:0}.qr-text strong{font-size:14px;font-weight:700;display:block}.qr-text p{margin-top:4px;line-height:1.45}.hint,.qr-text p{font-size:12.5px;color:var(--text-2)}.hint{display:flex;align-items:center;gap:9px;margin-top:14px;background:transparent;border:1px dashed var(--border-2);border-radius:var(--r-sm);padding:12px 14px;font-weight:500}.hint svg{color:var(--coral);flex-shrink:0}.mac{margin-top:14px;border:1px solid color-mix(in oklab,var(--accent),transparent 78%);background:color-mix(in oklab,var(--accent),transparent 94%);border-radius:var(--r-md);padding:18px}.mac-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:15px}.mac-ico{width:42px;height:42px;border-radius:12px;flex-shrink:0;display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,var(--accent),#9a7bff);box-shadow:0 8px 16px -8px color-mix(in oklab,var(--accent),transparent 35%)}.mac-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mac-title strong{font-size:15px;font-weight:800;white-space:nowrap}.reco{font-style:normal;display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--accent);background:color-mix(in oklab,var(--accent),transparent 85%);border:1px solid color-mix(in oklab,var(--accent),transparent 70%);padding:3px 9px;border-radius:999px}.mac-title p{font-size:12.5px;color:var(--text-2);margin-top:4px;line-height:1.45}.mac-title p b{color:var(--text);font-weight:700}.mac-seg{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:5px;margin-bottom:12px}.mac-seg-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;border-radius:8px;font-size:13px;font-weight:700;color:var(--text-2);transition:.15s}.mac-seg-btn svg{opacity:.5;transition:.15s}.mac-seg-btn:hover{color:var(--text)}.mac-seg-btn.is-active{background:var(--surface);color:var(--accent);box-shadow:0 2px 6px -2px rgba(20,25,40,.18)}.mac-seg-btn.is-active svg{opacity:1}html[data-theme=dark] .mac-seg-btn.is-active{background:color-mix(in oklab,var(--accent),transparent 80%)}.mac-row{display:flex;gap:10px}.mac-input{flex:1;min-width:0;display:flex;align-items:center;gap:9px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:0 14px;color:var(--text-3);transition:border-color .15s,box-shadow .15s}.mac-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent),transparent 86%)}.mac-input.is-error{border-color:var(--coral);box-shadow:0 0 0 3px color-mix(in oklab,var(--coral),transparent 86%)}.mac-input.is-ok{border-color:var(--green);color:var(--green)}.mac-input input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--mono);font-size:14px;font-weight:600;letter-spacing:.04em;color:var(--text);padding:13px 0}.mac-input input::-moz-placeholder{color:var(--text-3);font-weight:500}.mac-input input::placeholder{color:var(--text-3);font-weight:500}.mac-btn{flex-shrink:0}.mac-btn.is-ok{background:linear-gradient(150deg,var(--green),#3fcf86);box-shadow:0 10px 22px -10px color-mix(in oklab,var(--green),transparent 30%)}.mac-hint{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-3);font-weight:500;margin-top:11px}.mac-hint b{color:var(--text-2);font-weight:700}.mac-hint svg{flex-shrink:0;color:var(--text-3)}.guide-toggle{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:12.5px;font-weight:700;color:var(--accent);background:transparent;padding:4px 0;transition:.15s}.guide-toggle:hover{opacity:.8}.guide-chev{transition:transform .25s ease;opacity:.7}.guide-toggle.is-open .guide-chev{transform:rotate(180deg)}.guide{margin-top:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:18px;animation:reveal .28s cubic-bezier(.16,1,.3,1)}@keyframes reveal{0%{transform:translateY(-6px)}to{transform:none}}.guide-label{display:block;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);margin-bottom:11px}.guide-label b{color:var(--accent);font-weight:700}.guide-label+.guide-label{margin-top:20px}.guide-devices{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:22px}.guide-dev{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:13px;border-radius:var(--r-sm);background:var(--surface-2);border:1.5px solid var(--border);text-align:left;transition:.15s}.guide-dev:hover{border-color:var(--border-2)}.guide-dev.is-active{border-color:var(--accent);background:color-mix(in oklab,var(--accent),transparent 92%);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent),transparent 88%)}.guide-dev-ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--text-2);background:var(--surface);border:1px solid var(--border);transition:.15s}.guide-dev.is-active .guide-dev-ico{color:#fff;background:linear-gradient(150deg,var(--accent),#9a7bff);border-color:transparent}.guide-dev-l{display:flex;flex-direction:column;font-size:13px;font-weight:700;color:var(--text);line-height:1.3}.guide-dev-l em{font-style:normal;font-size:11px;font-weight:600;color:var(--text-3);margin-top:2px}.guide-steps{list-style:none;display:flex;flex-direction:column;gap:13px}.guide-steps li{display:flex;gap:12px;align-items:flex-start}.gs-n{width:24px;height:24px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--accent);background:color-mix(in oklab,var(--accent),transparent 86%)}.guide-steps p{font-size:13px;color:var(--text);font-weight:500;line-height:1.5;padding-top:2px;text-wrap:pretty}.setup-head{align-items:flex-start;margin-bottom:24px}.setup-time{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--accent);background:color-mix(in oklab,var(--accent),transparent 88%);border:1px solid color-mix(in oklab,var(--accent),transparent 78%);padding:7px 13px;border-radius:999px;white-space:nowrap;flex-shrink:0}.setup-flow{display:grid;grid-template-columns:repeat(3,1fr)}.setup-step{position:relative;text-align:center;padding:0 12px}.setup-step:after{content:"";position:absolute;top:31px;left:calc(50% + 36px);right:calc(-50% + 36px);height:2px;background:repeating-linear-gradient(90deg,var(--border-2) 0 5px,transparent 5px 11px);z-index:0}.setup-step:last-child:after{display:none}.setup-node{position:relative;width:62px;height:62px;margin:0 auto 16px;z-index:1}.setup-ico{width:62px;height:62px;border-radius:19px;display:grid;place-items:center;color:var(--accent);background:var(--surface);border:1.5px solid color-mix(in oklab,var(--accent),transparent 74%);box-shadow:0 10px 22px -12px color-mix(in oklab,var(--accent),transparent 40%)}.setup-num{position:absolute;top:-7px;right:-7px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;background:linear-gradient(150deg,var(--accent),#9a7bff);box-shadow:0 5px 11px -3px color-mix(in oklab,var(--accent),transparent 25%);border:2.5px solid var(--surface)}.setup-text strong{font-size:15px;font-weight:800;display:block;margin-bottom:6px}.setup-text p{font-size:12.5px;color:var(--text-2);line-height:1.5;max-width:210px;margin:0 auto;text-wrap:pretty}.pill-count{font-size:11.5px;font-weight:700;color:var(--text-3);background:var(--surface-2);border:1px solid var(--border);padding:5px 11px;border-radius:999px;white-space:nowrap}.apps-wrap{display:flex;flex-wrap:wrap;gap:8px}.app-item{display:inline-flex;align-items:center;gap:9px;padding:6px 14px 6px 6px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);transition:.15s}.app-item:hover{border-color:var(--border-2);transform:translateY(-1px)}.app-mono{width:27px;height:27px;border-radius:8px;flex-shrink:0;display:grid;place-items:center;font-size:13px;font-weight:800}.app-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap}.inc-list{display:flex;flex-direction:column;gap:1px}.inc-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:11px;transition:background .15s}.inc-item:hover{background:var(--surface-2)}.inc-ico{width:34px;height:34px;border-radius:10px;flex-shrink:0;display:grid;place-items:center}.inc-l{flex:1;min-width:0;font-size:13.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inc-chk{color:var(--green);flex-shrink:0;opacity:.9}.upgrade{background:linear-gradient(155deg,var(--accent),#7d5cff 50%,#ff8a5c);color:#fff;padding:24px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;border:none}.upgrade:after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:hsla(0,0%,100%,.14)}.upgrade-glow{width:46px;height:46px;border-radius:14px;background:hsla(0,0%,100%,.2);display:grid;place-items:center}.upgrade-text h2{font-size:21px;font-weight:800}.upgrade-text p{font-size:13.5px;opacity:.95;margin-top:6px;line-height:1.5}.upgrade-text strong{font-weight:800}.upgrade .btn-light{align-self:flex-start;position:relative;z-index:1}.foot{text-align:center;font-size:12px;color:var(--text-3);font-weight:500;padding-top:14px}.only-mobile{display:none}@media(max-width:1180px){.layout{grid-template-columns:1fr}.qstat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.sidebar{position:fixed;left:0;top:0;z-index:60;transform:translateX(-100%);transition:transform .25s ease}.sidebar.is-open{transform:translateX(0);box-shadow:var(--shadow-lg)}.scrim{display:block;position:fixed;inset:0;background:rgba(8,10,18,.5);opacity:0;pointer-events:none;transition:.25s;z-index:50}.scrim.show{opacity:1;pointer-events:auto}.only-mobile{display:grid}.topbar{padding:14px 18px}.content{padding:18px 18px 36px}.status-chip{display:none}.hero{flex-direction:column;align-items:flex-start;padding:28px 24px}.hero-r{align-self:center}}@media(max-width:620px){.qstat-grid{grid-template-columns:1fr 1fr;gap:12px}.cred-grid,.cred-srv,.feat-grid{grid-template-columns:1fr}.hero h1{font-size:26px}.hero-actions{width:100%}.hero-actions .btn{flex:1}.qr-row{text-align:center}.mac-row,.qr-row{flex-direction:column}.mac-btn{width:100%}.setup-flow{grid-template-columns:1fr;gap:4px}.setup-step{display:grid;grid-template-columns:62px 1fr;gap:16px;text-align:left;padding:0 0 26px}.setup-step:after{top:62px;bottom:8px;left:30px;right:auto;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--border-2) 0 5px,transparent 5px 11px)}.setup-node{margin:0}.setup-text{padding-top:6px}.setup-text p{margin:0;max-width:none}.guide-devices{grid-template-columns:1fr 1fr}.crumb span{display:none}}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(1.06)}.mac-btn.is-ok{color:#fff}.ca-light,.dark .ca-light{--accent:#6d5cf6;--accent-2:#8a78ff;--coral:#ff8a5c;--green:#16a34a;--blue:#2f6df0;--bg:#eef0f5;--surface:#fff;--surface-2:#f5f6f9;--surface-3:#eceef4;--border:#e7e9ef;--border-2:#dde0e9;--text:#161a23;--text-2:#5a6373;--text-3:#959db0;--shadow:0 1px 2px rgba(20,25,40,.04),0 10px 26px -14px rgba(20,25,40,.13);--shadow-lg:0 2px 6px rgba(20,25,40,.05),0 30px 60px -24px rgba(20,25,40,.22);--side-bg:#fff;--field:#f6f7fa;--green-bg:#e7f6ed;--green-ink:#0f7a3d;--side-active:color-mix(in oklab,var(--accent),transparent 90%);--side-active-ink:var(--accent);min-height:100vh;background:var(--bg);color:var(--text)}body:has(.ca-light){background:#eef0f5!important}