:root{color-scheme:light;--bg:#f7f8fb;--surface:#fff;--surface-2:#f4f6fa;--border:#e9ecf3;--text:#1b2437;--muted:#7d879a;--muted-2:#a6aebc;--primary:#3768eb;--primary-hov:#2456dc;--primary-soft:#eaf0ff;--shadow:0 5px 20px rgba(32,48,78,.035);--shadow-large:0 20px 80px rgba(32,48,78,.14);--radius:15px;--sidebar-width:245px;--font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(55,104,235,.28);outline-offset:2px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.svg-icon{width:19px;height:19px;flex:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:none}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);padding:34px 16px 22px;background:var(--surface);border-right:1px solid var(--border);z-index:20;display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;margin:0 10px 54px}.brand-symbol{width:41px;height:41px;color:var(--primary)}.brand-symbol svg{width:41px;height:41px}.brand-name{font-size:19px;line-height:1.35;letter-spacing:-.7px;font-weight:750}.brand-caption{font-size:9px;font-weight:700;letter-spacing:1.32px;color:var(--muted-2);margin-top:2px}.sidebar-section-label{font-weight:700;text-transform:uppercase;letter-spacing:1.2px;font-size:10px;color:var(--muted-2);margin:0 15px 12px}.nav-group{display:grid;gap:4px;margin-bottom:34px}.nav-link{border:0;background:transparent;color:#7b8698;text-align:left;display:flex;gap:12px;align-items:center;width:100%;height:43px;padding:0 13px;border-radius:10px;font-size:13px;font-weight:590;transition:background .18s,color .18s}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active{background:var(--primary-soft);color:var(--primary);font-weight:700}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:19px}.nav-icon .svg-icon{height:17px;width:17px}.nav-count{margin-left:auto;font-size:11px;color:var(--muted-2);font-variant-numeric:tabular-nums}.nav-link.active .nav-count{color:var(--primary)}.sidebar-heading{display:flex;align-items:flex-start;justify-content:space-between}.tiny-text{font-size:9px;color:var(--muted-2);margin-right:10px;letter-spacing:1px}.sidebar-bottom{margin-top:auto}.privacy-hint{display:flex;gap:11px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:14px 11px;align-items:flex-start}.privacy-icon{display:flex;color:var(--primary)}.privacy-icon .svg-icon{height:17px;width:17px}.privacy-hint strong{font-size:12px;display:block;margin-bottom:5px}.privacy-hint small{font-size:10px;color:var(--muted);line-height:1.6;display:block}.sidebar-footnote{text-align:center;color:var(--muted-2);font-size:10px;margin:22px 0 0}.main-content{margin-left:var(--sidebar-width);min-width:0}.topbar{height:77px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 clamp(25px,5vw,76px)}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:14px}.topbar-left{font-size:12px;color:var(--text)}.breadcrumb-muted,.breadcrumb-slash{color:var(--muted-2)}.breadcrumb-slash{font-size:17px;font-weight:300}.local-pill{color:#788499;display:inline-flex;align-items:center;gap:7px;font-size:11px}.local-pill .svg-icon{width:15px;height:15px}.icon-button{border:1px solid var(--border);background:var(--surface);border-radius:10px;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#78849a;transition:.18s}.icon-button:hover{background:var(--surface-2);color:var(--text)}.icon-button .svg-icon{height:17px;width:17px}.mobile-menu{display:none}.page-body{max-width:1510px;margin:auto;padding:38px clamp(25px,5vw,76px) 25px}.hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:263px;border:1px solid #e8edfa;border-radius:20px;background:linear-gradient(110deg,#f1f6ff 0%,#eaf1ff 65%,#e4edff 100%);padding:40px 52px}.hero-copy{z-index:2;position:relative;max-width:580px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.65px;font-weight:780;color:#5a7bca}.eyebrow-dot{width:7px;height:7px;background:#6b95ff;border-radius:50%}.hero h1{font-size:clamp(28px,2.65vw,38px);letter-spacing:-1.4px;line-height:1.27;margin:18px 0 12px;font-weight:790}.hero h1 span{color:#426cf0}.hero p{font-size:13px;color:#7c8bac;margin:0;line-height:1.7}.hero-cta{display:flex;gap:11px;margin-top:24px}.button{height:39px;padding:0 16px;border-radius:9px;border:1px solid transparent;font-size:12px;font-weight:680;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:.17s}.button .svg-icon{height:16px;width:16px}.button-primary{background:var(--primary);color:white;box-shadow:0 3px 9px rgba(43,89,210,.12)}.button-primary:hover{background:var(--primary-hov);transform:translateY(-1px)}.button-quiet{background:rgba(255,255,255,.75);color:#475d86;border-color:rgba(78,118,191,.12)}.button-quiet:hover{background:#fff}.button-outline{background:var(--surface);color:#56627a;border-color:var(--border)}.button-outline:hover{background:var(--surface-2)}.hero-art{position:absolute;right:55px;top:5px;width:335px;height:255px}.art-grid{position:absolute;inset:6px -25px;background-image:radial-gradient(#9fb9f3 1px,transparent 1px);background-size:18px 18px;opacity:.19;-webkit-mask-image:radial-gradient(ellipse,black 13%,transparent 75%);mask-image:radial-gradient(ellipse,black 13%,transparent 75%)}.art-device{position:absolute;width:73px;height:70px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dae4f8;border-radius:15px;box-shadow:0 12px 22px rgba(63,106,186,.08);color:#5578c3;z-index:3}.art-device .svg-icon{height:25px;width:25px;stroke-width:1.75}.art-device-1{left:30px;top:24px;transform:rotate(-7deg)}.art-device-2{right:22px;top:18px;transform:rotate(5deg)}.art-device-3{right:35px;bottom:22px;transform:rotate(-5deg)}.art-led{position:absolute;right:12px;top:12px;width:6px;height:6px;border-radius:50%;background:#83cbbb}.art-hub{position:absolute;top:100px;left:132px;width:88px;height:88px;border-radius:25px;background:linear-gradient(145deg,#507ce9,#3362db);box-shadow:0 14px 35px rgba(43,91,216,.22);display:flex;align-items:center;justify-content:center;color:white;transform:rotate(-9deg);z-index:2}.art-hub .svg-icon{height:38px;width:38px;stroke-width:1.5;transform:rotate(9deg)}.art-line{position:absolute;border-top:2px dashed #b7c8ed;z-index:1}.art-line-a{width:110px;left:65px;top:93px;transform:rotate(37deg)}.art-line-b{width:112px;right:45px;top:92px;transform:rotate(-35deg)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:22px 0 46px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:14px;min-height:100px;display:flex;gap:16px;align-items:center;padding:18px 25px;box-shadow:var(--shadow)}.stat-icon{width:47px;height:47px;border-radius:13px;display:flex;justify-content:center;align-items:center}.stat-icon .svg-icon{width:22px;height:22px}.stat-icon-blue{color:#497bea;background:#ebf1ff}.stat-icon-violet{color:#9673e7;background:#f4effe}.stat-icon-amber{color:#d9a24b;background:#fff6e9}.stat>div{display:grid;gap:2px}.stat strong{font-size:27px;letter-spacing:-.6px;line-height:1.15;font-weight:750;font-variant-numeric:tabular-nums}.stat span:not(.stat-icon){font-size:11px;color:var(--muted);white-space:nowrap}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px}.section-overline{font-size:10px;letter-spacing:1.8px;font-weight:780;color:var(--primary);margin-bottom:8px}.section-heading h2{margin:0;font-size:23px;letter-spacing:-.55px;font-weight:760;display:flex;align-items:center;gap:10px}.section-total{display:inline-block;font-size:11px;font-weight:700;padding:3px 8px;border-radius:7px;background:var(--surface-2);color:var(--muted)}.section-heading p{color:var(--muted);font-size:12px;margin:8px 0 0}.heading-actions{display:flex;gap:9px}.toolbar{display:flex;gap:11px;margin-top:26px;margin-bottom:19px}.search{height:43px;min-width:150px;display:flex;align-items:center;gap:11px;padding:0 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;flex:1}.search>.svg-icon{color:var(--muted-2);width:17px;height:17px}.search input{border:0;outline:none;width:100%;min-width:0;background:transparent;color:var(--text);font-size:12px}.search input::placeholder{color:#a5afbf}.search input:focus-visible{outline:0}.search:focus-within{border-color:#a1b9f1;box-shadow:0 0 0 3px rgba(55,104,235,.08)}.shortcut{font-size:11px;color:#b0b7c5;min-width:20px;height:22px;border:1px solid var(--border);border-radius:5px;text-align:center;line-height:20px}.select-wrap{display:flex;align-items:center;position:relative;gap:8px;border-radius:10px;border:1px solid var(--border);background:var(--surface);padding:0 11px;min-width:147px;color:var(--muted)}.select-wrap>.svg-icon{width:15px;height:15px}.select-wrap select{appearance:none;flex:1;background:transparent;border:0;outline:0;color:var(--text);font-size:12px;height:41px;min-width:85px;cursor:pointer}.select-wrap>.svg-icon:last-child{width:13px;height:13px}.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.device-card{background:var(--surface);border:1px solid var(--border);border-radius:15px;min-width:0;padding:22px;box-shadow:var(--shadow);transition:transform .18s,border-color .18s,box-shadow .18s}.device-card:hover{transform:translateY(-2px);border-color:#d7e1f5;box-shadow:0 12px 36px rgba(35,55,101,.065)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#e9f0ff;color:#4775e4}.card-icon .svg-icon{width:23px;height:23px}.card-icon.padavan{color:#886ac9;background:#f3effb}.card-icon.tplink{color:#0d9aa7;background:#e8f8f9}.card-icon.other{color:#8590a4;background:#f0f2f7}.card-actions{display:flex;gap:4px}.card-actions .icon-button{border:0;width:31px;min-width:31px;height:31px}.icon-button.is-favorite{color:#dda447}.icon-button.is-favorite .svg-icon{fill:currentColor}.device-title{font-weight:750;letter-spacing:-.35px;font-size:16px;margin:20px 0 5px;overflow-wrap:anywhere}.device-subtitle{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px}.device-subtitle .svg-icon{height:13px;width:13px}.device-note{margin-top:13px;font-size:11px;color:var(--muted);height:16px;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-divider{height:1px;background:var(--border);margin:20px 0 14px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px}.firmware-badge{background:var(--surface-2);color:#6f7c92;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:680}.card-link{display:flex;align-items:center;gap:5px;color:var(--primary);font-size:11px;font-weight:720;white-space:nowrap;min-height:30px}.card-link .svg-icon{height:14px;width:14px}.card-link:hover{text-decoration:underline}.card-link.unavailable{color:var(--muted-2);cursor:default;text-decoration:none}.empty{border:1px dashed #d9e0ed;background:var(--surface);border-radius:17px;padding:55px 20px;text-align:center}.empty-illustration{width:66px;height:66px;background:var(--primary-soft);border-radius:21px;display:grid;place-items:center;color:var(--primary);margin:0 auto 16px}.empty-illustration .svg-icon{width:34px;height:34px}.empty h3{font-size:18px;margin:0 0 8px}.empty p{font-size:12px;color:var(--muted);margin:0}.empty-actions{display:flex;justify-content:center;gap:9px;margin-top:24px}.footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);color:var(--muted-2);font-size:10px;margin-top:60px;padding-top:22px;gap:16px}.modal{border:1px solid var(--border);padding:0;width:min(94vw,540px);max-height:min(90vh,770px);border-radius:19px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-large);overflow:auto}.modal::backdrop{background:rgba(20,29,47,.45);backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:27px 29px 22px;border-bottom:1px solid var(--border)}.modal-head .icon-button{border:0}.modal-overline{font-size:10px;color:var(--primary);letter-spacing:1.5px;font-weight:750;margin-bottom:8px}.modal-head h2{margin:0;font-size:22px;letter-spacing:-.45px}.modal-head p{color:var(--muted);font-size:12px;margin:9px 0 0;line-height:1.5}.modal-body{padding:25px 29px 24px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;min-width:0}.field>span{font-size:12px;font-weight:660}.field em{color:#e36b7d;font-style:normal}.field input,.field select,.field textarea{min-width:0;width:100%;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);outline:0;padding:11px 12px;font-size:12px;line-height:1.45}.field input:focus,.field select:focus,.field textarea:focus{border-color:#96aff0;box-shadow:0 0 0 3px rgba(55,104,235,.08)}.field input::placeholder,.field textarea::placeholder{color:#b4bdcb}.field small{font-size:10px;line-height:1.4;color:var(--muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.optional{font-weight:400;color:var(--muted-2)}.form-error{color:#d84e5f;background:#fff0f1;padding:10px 12px;border-radius:8px;font-size:11px;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:17px 29px;border-top:1px solid var(--border)}.settings-options{padding:12px 22px}.setting-option{background:transparent;border:0;width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:15px 8px;border-radius:10px;color:var(--text)}.setting-option:hover{background:var(--surface-2)}.setting-icon{height:39px;width:39px;display:grid;place-items:center;border-radius:10px;background:var(--primary-soft);color:var(--primary)}.setting-option>span:nth-child(2){display:grid;gap:5px;flex:1}.setting-option strong{font-size:12px}.setting-option small{font-size:10px;line-height:1.4;color:var(--muted)}.setting-option>.svg-icon{width:15px;color:var(--muted-2)}.settings-footnote{color:var(--muted);font-size:11px;line-height:1.65;padding:16px 30px 24px;margin:0;border-top:1px solid var(--border)}.toast{position:fixed;bottom:26px;right:28px;max-width:min(390px,calc(100vw - 40px));background:#24364f;color:#fff;padding:13px 18px;border-radius:11px;box-shadow:var(--shadow-large);z-index:100;font-size:12px;line-height:1.5}.toast.error{background:#a63144}
[data-theme="dark"]{color-scheme:dark;--bg:#10151f;--surface:#171e2a;--surface-2:#212b3a;--border:#2a3546;--text:#edf2fa;--muted:#9aa8bd;--muted-2:#71819a;--primary:#8baaff;--primary-hov:#789bf9;--primary-soft:#243552;--shadow:0 5px 20px rgba(0,0,0,.07);--shadow-large:0 20px 70px rgba(0,0,0,.5)}[data-theme="dark"] .hero{background:linear-gradient(120deg,#1c2a48,#1c3055);border-color:#263b62}[data-theme="dark"] .hero h1 span{color:#9bb6ff}[data-theme="dark"] .hero p{color:#a7b7d7}[data-theme="dark"] .eyebrow{color:#94b1f3}[data-theme="dark"] .button-primary{background:#4471e7;color:#fff}[data-theme="dark"] .button-primary:hover{background:#557ff1}[data-theme="dark"] .button-quiet{background:#304267;color:#dce6ff;border-color:#3f5280}[data-theme="dark"] .art-device{background:#26395c;border-color:#3e5785;color:#a6bffd}[data-theme="dark"] .art-hub{background:linear-gradient(145deg,#5483f6,#315ed4)}[data-theme="dark"] .stat-icon-blue{background:#243654;color:#91afff}[data-theme="dark"] .stat-icon-violet{background:#3a2f51;color:#c7a9fa}[data-theme="dark"] .stat-icon-amber{background:#4b3c28;color:#e6b96b}[data-theme="dark"] .card-icon{background:#263858;color:#91b2ff}[data-theme="dark"] .card-icon.padavan{background:#3d3159;color:#cab2f8}[data-theme="dark"] .card-icon.tplink{background:#24434a;color:#89d3d4}[data-theme="dark"] .card-icon.other{background:#2a3444;color:#afb9cb}[data-theme="dark"] .search input::placeholder,[data-theme="dark"] .field input::placeholder,[data-theme="dark"] .field textarea::placeholder{color:#72819b}[data-theme="dark"] .form-error{background:#4b2530;color:#ffadbb}[data-theme="dark"] .toast{background:#dde8ff;color:#19243b}
@media(max-width:1260px){.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{right:18px;opacity:.75}.hero-copy{max-width:520px}}@media(max-width:1050px){.sidebar{width:218px}.main-content{margin-left:218px}.hero-art{transform:scale(.75);transform-origin:center right;right:10px}.hero{padding-left:30px}.hero-copy{max-width:460px}.stats{gap:12px}.stat{padding:14px}.page-body{padding-left:28px;padding-right:28px}}
@media(max-width:790px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:260px}.sidebar.open{transform:translateX(0)}.sidebar-scrim:not([hidden]){position:fixed;inset:0;background:rgba(16,23,38,.45);z-index:19}.main-content{margin:0}.mobile-menu{display:flex}.topbar{height:65px;padding:0 22px}.page-body{padding:22px 20px}.hero{min-height:237px;padding:32px 30px}.hero-art{right:-50px;opacity:.35}.local-pill{display:none}}@media(max-width:580px){.topbar{padding:0 17px}.page-body{padding:17px 15px}.hero{padding:27px 23px;min-height:235px}.hero h1{font-size:28px}.hero-art{opacity:.17;right:-120px}.hero-cta .button{padding:0 12px;font-size:11px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 36px}.stat{gap:9px;padding:14px 9px;flex-direction:column;align-items:flex-start;min-height:98px}.stat-icon{height:31px;width:31px;border-radius:9px}.stat-icon .svg-icon{height:18px;width:18px}.stat>div{gap:3px}.stat strong{font-size:21px}.stat span:not(.stat-icon){font-size:10px}.section-heading{align-items:flex-start;flex-direction:column}.section-heading h2{font-size:21px}.heading-actions{width:100%}.heading-actions .button{flex:1}.toolbar{flex-wrap:wrap;margin-top:17px}.search{flex:1 1 100%;order:0}.select-wrap{flex:1;order:1}.more-button{order:2;height:43px;min-width:43px}.device-grid{grid-template-columns:1fr;gap:12px}.device-card{padding:20px}.footer{flex-wrap:wrap;margin-top:35px;justify-content:center;text-align:center;gap:7px}.modal-head{padding:23px 19px 18px}.modal-body{padding:20px 19px}.modal-actions{padding:16px 19px}.form-row{grid-template-columns:1fr;gap:0}.empty{padding:42px 12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Location headers span the device card grid. */
.group-header{grid-column:1/-1;display:flex;align-items:center;gap:9px;font-weight:730;font-size:13px;margin:11px 0 -3px;letter-spacing:-.1px}.group-header:first-child{margin-top:0}.group-marker{width:7px;height:7px;background:var(--primary);border-radius:50%}.group-header small{color:var(--muted);font-size:10px;font-weight:480;margin-left:1px}