:root{--bg:#020814;--bg2:#061326;--panel:#07182d;--panel2:#0a203c;--line:#173c69;--line2:#24598e;--text:#f7fbff;--muted:#86a3c2;--blue:#1186ff;--blue2:#1c5cff;--cyan:#21c8ff;--green:#38df91;--red:#ff6479;--yellow:#f5c451;--shadow:0 28px 80px rgba(0,0,0,.42);--radius:18px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;background:radial-gradient(circle at 60% -15%,rgba(27,101,255,.22),transparent 34%),radial-gradient(circle at 10% 95%,rgba(0,144,255,.12),transparent 28%),linear-gradient(145deg,#01050d,#031022 48%,#020914);min-height:100vh}button,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.cn-brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:.015em}.cn-brand em{color:#2492ff;font-style:normal}.cn-brand-mark{width:38px;height:42px;display:grid;place-items:center;position:relative;filter:drop-shadow(0 0 14px rgba(22,139,255,.45))}.cn-brand-mark:before,.cn-brand-mark:after{content:"";position:absolute;inset:2px 5px;clip-path:polygon(50% 0,94% 22%,84% 78%,50% 100%,16% 78%,6% 22%)}.cn-brand-mark:before{background:linear-gradient(145deg,#4fd5ff,#1163ff)}.cn-brand-mark:after{inset:6px 9px;background:#041323}.cn-brand-mark b{z-index:1;color:#53d4ff;font-size:10px;letter-spacing:-.08em}.cn-language{display:flex;align-items:center;gap:4px;padding:3px;border:1px solid rgba(53,129,211,.28);background:rgba(3,18,37,.65);border-radius:11px}.cn-language button{border:0;background:transparent;color:#8ea8c4;padding:8px 12px;border-radius:8px;cursor:pointer}.cn-language button.active{color:white;background:linear-gradient(135deg,#0d70d7,#174cc5);box-shadow:0 0 18px rgba(16,120,255,.32)}.cn-primary-button,.cn-outline-button,.cn-danger-button{border-radius:10px;border:1px solid transparent;min-height:44px;font-weight:800;letter-spacing:.01em;cursor:pointer;transition:.18s ease}.cn-primary-button{background:linear-gradient(90deg,#0c8aff,#1753ff);box-shadow:0 10px 28px rgba(20,92,255,.24),inset 0 1px 0 rgba(255,255,255,.2)}.cn-primary-button:hover{transform:translateY(-1px);filter:brightness(1.08)}.cn-outline-button{background:#07172a;border-color:#255995;color:#e6f4ff}.cn-outline-button:hover{background:#0a2341}.cn-danger-button{background:rgba(255,78,99,.09);border-color:rgba(255,100,121,.42);color:#ff91a1}.cn-danger-button:disabled{opacity:.35;cursor:not-allowed}.cn-green{color:var(--green)!important}
/* LOGIN */.cn-auth-page{overflow-x:hidden}.cn-auth-shell{min-height:100vh;max-width:1560px;margin:auto;padding:24px 38px 22px;display:flex;flex-direction:column}.cn-auth-topbar{height:72px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4}.cn-auth-grid{flex:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:44px;align-items:center}.cn-auth-hero{position:relative;min-height:650px;padding:72px 38px 20px 34px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border-radius:26px}.cn-auth-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,10,22,.1),rgba(0,43,106,.12)),radial-gradient(circle at 55% 45%,rgba(0,124,255,.14),transparent 45%);border:1px solid rgba(39,112,184,.13);border-radius:26px}.cn-china-scene{position:absolute;inset:0;opacity:.92;overflow:hidden}.cn-map-lines{position:absolute;width:58%;height:58%;left:2%;top:14%;opacity:.62;background:radial-gradient(circle at 12% 35%,#268cff 0 1px,transparent 2px),radial-gradient(circle at 52% 22%,#268cff 0 1px,transparent 2px),radial-gradient(circle at 69% 58%,#268cff 0 2px,transparent 3px),linear-gradient(19deg,transparent 49.4%,rgba(28,112,255,.35) 50%,transparent 50.6%),linear-gradient(153deg,transparent 49.4%,rgba(28,112,255,.22) 50%,transparent 50.6%);clip-path:polygon(6% 35%,19% 18%,35% 21%,45% 8%,58% 19%,75% 13%,88% 28%,94% 43%,81% 53%,78% 68%,63% 78%,47% 72%,31% 84%,20% 70%,8% 63%);border:1px solid #0c5dd0;filter:drop-shadow(0 0 12px rgba(0,103,255,.5))}.cn-cityline{position:absolute;right:0;bottom:14%;width:66%;height:42%;display:flex;align-items:end;justify-content:flex-end;gap:10px;border-bottom:1px solid rgba(27,122,255,.6);filter:drop-shadow(0 0 18px rgba(0,97,255,.32))}.cn-cityline i{width:7%;height:45%;border:1px solid #1169d9;background:linear-gradient(90deg,rgba(0,63,142,.52),rgba(18,125,255,.14));box-shadow:inset 0 0 22px rgba(12,123,255,.18)}.cn-cityline i:nth-child(2){height:64%}.cn-cityline i:nth-child(3){height:37%}.cn-cityline i:nth-child(5){height:72%}.cn-cityline i:nth-child(6){height:52%}.cn-cityline i:nth-child(7){height:82%}.cn-cityline .tower{height:94%;width:4%;border:0;background:linear-gradient(90deg,transparent 36%,#1679eb 37% 62%,transparent 63%);position:relative}.cn-cityline .tower:before,.cn-cityline .tower:after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:38px;height:38px;border:2px solid #1385ff;border-radius:50%;background:#063166}.cn-cityline .tower:before{bottom:46%}.cn-cityline .tower:after{bottom:22%;width:29px;height:29px}.cn-hero-copy{position:relative;z-index:2;max-width:760px}.cn-kicker{display:inline-flex;padding:8px 13px;border:1px solid rgba(28,129,255,.42);border-radius:10px;background:rgba(4,57,116,.35);color:#97d5ff;font-size:14px;font-weight:700}.cn-hero-copy h1{font-size:clamp(38px,4.2vw,68px);line-height:1.08;margin:25px 0 8px;letter-spacing:.01em;text-shadow:0 0 30px rgba(16,128,255,.16)}.cn-hero-copy h2{margin:0 0 20px;color:#b3cdef;font-size:clamp(20px,2.1vw,31px);font-weight:600}.cn-hero-copy>p{max-width:650px;color:#91a9c6;font-size:16px;line-height:1.8}.cn-benefits{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:760px}.cn-benefits article{display:flex;gap:10px;align-items:center;padding:15px;border:1px solid rgba(35,103,174,.34);background:rgba(3,22,43,.7);border-radius:13px}.cn-benefits article>span{font-size:24px;color:#229dff}.cn-benefits strong,.cn-benefits small{display:block}.cn-benefits strong{font-size:13px}.cn-benefits small{color:#7f9bbb;margin-top:3px}.cn-feature-row{position:relative;z-index:2;margin-top:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:860px}.cn-feature-row article{min-height:135px;padding:20px;border-radius:15px;border:1px solid rgba(32,105,178,.35);background:linear-gradient(145deg,rgba(4,25,48,.86),rgba(5,20,39,.76));display:flex;flex-direction:column;justify-content:center}.cn-feature-row article>span{font-size:30px;color:#1696ff}.cn-feature-row strong{margin:9px 0 6px}.cn-feature-row small{color:#7f9ab9;line-height:1.5}.cn-login-card{position:relative;z-index:2;border:1px solid rgba(54,126,199,.45);background:linear-gradient(145deg,rgba(6,27,53,.95),rgba(3,18,36,.94));box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.03);border-radius:26px;padding:42px 34px;max-width:500px;width:100%;margin:auto}.cn-login-logo{display:flex;justify-content:center;margin-bottom:9px}.cn-login-logo .cn-brand-mark{width:56px;height:62px}.cn-login-card h2{text-align:center;font-size:30px;margin:5px 0 8px}.cn-login-card>p{text-align:center;color:#849fbd;margin:0 0 28px}.cn-login-form{display:grid;gap:14px}.cn-field{display:grid;grid-template-columns:32px 1fr auto;align-items:center;min-height:56px;border:1px solid rgba(55,106,160,.48);border-radius:11px;background:#081a31;padding:0 14px}.cn-field>span{color:#6f91b7}.cn-field input{width:100%;border:0;outline:0;background:transparent;color:white;padding:14px 5px}.cn-field input::placeholder{color:#7389a4}.cn-password-toggle{border:0;background:transparent;color:#6f91b7;cursor:pointer}.cn-remember{display:flex;align-items:center;gap:9px;color:#90a9c4;font-size:13px}.cn-remember input{accent-color:#1789ff}.cn-login-form .cn-primary-button{margin-top:5px;display:flex;justify-content:center;align-items:center;gap:12px;min-height:52px}.cn-login-note{display:flex;gap:12px;align-items:center;margin-top:24px;padding:15px;border:1px solid rgba(36,96,157,.3);border-radius:12px;background:rgba(4,20,40,.5)}.cn-login-note>span{color:#2b9eff;font-size:22px}.cn-login-note p{margin:0}.cn-login-note strong,.cn-login-note small{display:block}.cn-login-note small{color:#7895b5;margin-top:3px;line-height:1.45}.cn-alert-stack{display:grid;gap:8px;margin-bottom:12px}.cn-alert{padding:10px 12px;border-radius:9px;background:rgba(255,78,99,.09);border:1px solid rgba(255,100,121,.3);color:#ffbac3;font-size:13px}.cn-alert.success{background:rgba(56,223,145,.08);border-color:rgba(56,223,145,.3);color:#97efc1}.cn-alert.warning{background:rgba(245,196,81,.08);border-color:rgba(245,196,81,.3);color:#f4d991}.cn-auth-footer{text-align:center;color:#587592;font-size:12px;padding-top:14px}
/* DASHBOARD */.cn-dashboard-page{background:linear-gradient(140deg,#010711,#03101f)}.cn-app{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.cn-sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#031020,#020b16);border-right:1px solid rgba(39,91,147,.35);padding:24px 14px;display:flex;flex-direction:column;z-index:20}.cn-sidebar-brand{padding:0 10px 22px;font-size:14px}.cn-nav{display:grid;gap:7px}.cn-nav button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid transparent;border-radius:10px;background:transparent;color:#91a9c4;text-align:left;cursor:pointer}.cn-nav button span{width:22px;color:#bcd8f5;font-size:18px}.cn-nav button b{font-weight:650}.cn-nav button:hover,.cn-nav button.active{color:white;border-color:rgba(38,117,199,.42);background:linear-gradient(90deg,rgba(12,111,224,.88),rgba(13,74,164,.44));box-shadow:0 8px 25px rgba(0,80,189,.13)}.cn-sidebar-spacer{flex:1}.cn-system-card{display:flex;gap:10px;align-items:center;border:1px solid rgba(39,93,151,.34);background:#061528;border-radius:11px;padding:13px 12px}.cn-system-card strong,.cn-system-card small{display:block}.cn-system-card strong{font-size:11px;color:#62e5a1}.cn-system-card small{font-size:10px;color:#6887a7;margin-top:4px}.cn-dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 12px rgba(56,223,145,.65)}.cn-owner-link{margin-top:10px;color:#67b7ff;font-size:11px;padding:8px}.cn-logout-form{margin-top:8px}.cn-logout-form button{width:100%;border:0;background:transparent;color:#6887a6;font-size:12px;padding:9px;cursor:pointer}.cn-main-shell{min-width:0}.cn-topbar{height:88px;padding:0 28px;border-bottom:1px solid rgba(35,81,132,.3);display:flex;align-items:center;justify-content:space-between;background:rgba(2,10,20,.72);backdrop-filter:blur(12px);position:sticky;top:0;z-index:14}.cn-menu-button{display:none;border:0;background:#07192d;border-radius:9px;padding:9px 11px}.cn-page-title small,.cn-page-title strong{display:block}.cn-page-title small{color:#3f78aa;font-size:10px;letter-spacing:.18em}.cn-page-title strong{margin-top:3px;font-size:17px}.cn-topbar-actions{display:flex;align-items:center;gap:15px}.cn-user-chip{padding-left:15px;border-left:1px solid rgba(48,96,145,.42)}.cn-user-chip span,.cn-user-chip small{display:block;text-align:right}.cn-user-chip span{font-size:12px}.cn-user-chip small{color:#54789b;font-size:9px;margin-top:3px}.cn-content{padding:24px 28px 40px;max-width:1500px;margin:auto}.cn-view{display:none}.cn-view.active{display:block}.cn-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.cn-stats-grid article{min-height:134px;padding:20px;display:flex;align-items:flex-start;gap:17px;border:1px solid rgba(36,89,147,.38);background:linear-gradient(145deg,#07192f,#061427);border-radius:14px;box-shadow:inset 0 1px rgba(255,255,255,.02)}.cn-stat-icon{width:46px;height:46px;border:1px solid #167adf;border-radius:50%;display:grid;place-items:center;color:#2eafff;box-shadow:0 0 19px rgba(0,126,255,.18);font-size:20px}.cn-stats-grid small,.cn-stats-grid strong,.cn-stats-grid em{display:block}.cn-stats-grid small{font-size:12px;color:#a9c1dc}.cn-stats-grid strong{font-size:27px;margin:11px 0 0}.cn-stats-grid em{font-size:10px;color:#6483a2;font-style:normal;margin-top:2px}.cn-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.72fr);gap:16px}.cn-panel{border:1px solid rgba(37,91,149,.4);background:linear-gradient(145deg,#07182c,#051426);border-radius:15px;box-shadow:inset 0 1px rgba(255,255,255,.02)}.cn-scan-panel,.cn-connection-panel{padding:20px}.cn-panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.cn-panel-title small{color:#4376a5;font-size:9px;letter-spacing:.18em}.cn-panel-title h2{font-size:16px;margin:4px 0 0}.cn-ready{font-size:10px;color:#75d7a3;background:rgba(17,150,84,.17);border:1px solid rgba(49,202,121,.21);padding:5px 8px;border-radius:6px}.cn-ready.busy{color:#8ed5ff;background:rgba(19,113,207,.14);border-color:rgba(39,142,246,.28)}.cn-ready.error{color:#ff9eab;background:rgba(202,46,70,.12);border-color:rgba(255,87,111,.27)}.cn-target-field{display:flex;align-items:center;gap:10px;border:1px solid rgba(44,98,156,.44);background:#051427;border-radius:9px;padding:0 13px}.cn-target-field span{color:#218eff}.cn-target-field input{border:0;outline:0;background:transparent;color:white;padding:12px 0;width:100%}.cn-target-field input::placeholder{color:#4d6c8d}.cn-scan-mode-label{font-size:11px;color:#8ea7c3;margin:18px 0 9px}.cn-scan-modes{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.cn-scan-modes button{padding:10px 7px;border:1px solid rgba(42,98,159,.46);border-radius:8px;background:#07192e;color:#9cb2ca;cursor:pointer}.cn-scan-modes button.active{background:linear-gradient(180deg,#087ef0,#1264d9);border-color:#229bff;color:white;box-shadow:0 6px 20px rgba(17,109,234,.2)}.cn-scan-button{width:100%;margin-top:16px;display:flex;align-items:center;justify-content:center;gap:9px}.cn-scan-button:disabled{opacity:.55;cursor:wait}.cn-scan-meta{display:flex;justify-content:space-between;margin-top:12px;color:#587b9c;font-size:10px}.cn-scan-meta strong{color:#86cfff}.cn-connection-row{display:grid;grid-template-columns:78px minmax(0,1fr) 30px;gap:8px;align-items:center;margin-bottom:8px}.cn-connection-row>span{font-size:11px;color:#91abc7}.cn-connection-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#0a2039;border:1px solid rgba(36,82,132,.35);padding:8px 10px;border-radius:7px;font-size:11px}.cn-connection-row button{height:31px;border:0;background:#09203a;color:#91c7f7;border-radius:7px;cursor:pointer}.cn-connection-panel .cn-outline-button,.cn-connection-panel .cn-danger-button{width:100%;margin-top:7px}.cn-helper{color:#5f7e9f;font-size:10px;line-height:1.55;margin:12px 0 0}.cn-results-panel{padding:18px;margin-top:16px}.cn-text-button{border:1px solid rgba(38,104,173,.38);background:#07172b;color:#8bc8ff;border-radius:8px;padding:8px 11px;cursor:pointer;font-size:10px}.cn-table-wrap{overflow:auto}.cn-results-table{width:100%;border-collapse:collapse;min-width:720px}.cn-results-table th{font-size:10px;text-align:left;color:#6f8cab;padding:10px;border-bottom:1px solid rgba(36,82,132,.4)}.cn-results-table td{font-size:11px;padding:11px 10px;border-bottom:1px solid rgba(28,65,105,.32);color:#a9c1d9}.cn-results-table td:first-child{color:#bfe2ff;font-weight:700}.cn-connect-result{border:1px solid rgba(32,117,199,.5);background:rgba(10,107,216,.18);color:#63bdff;border-radius:6px;padding:5px 8px;cursor:pointer;font-size:9px}.cn-connect-result.active{background:rgba(46,207,126,.13);border-color:rgba(50,210,133,.38);color:#67e6a3}.cn-empty{text-align:center;padding:26px;color:#547493;font-size:11px}.cn-section-header{padding:8px 2px 20px}.cn-section-header small{color:#2e76b6;letter-spacing:.18em;font-size:9px}.cn-section-header h1{margin:5px 0 7px;font-size:25px}.cn-section-header p{margin:0;color:#6986a5;font-size:12px}.cn-result-toolbar{display:flex;justify-content:space-between;gap:10px;padding:15px}.cn-result-toolbar input{width:min(430px,80%);border:1px solid rgba(45,97,153,.44);border-radius:9px;background:#051427;color:white;padding:10px 12px;outline:0}.cn-result-toolbar span{color:#68b8ff;font-size:12px;align-self:center}.cn-result-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 15px 15px}.cn-result-card{border:1px solid rgba(35,86,142,.36);background:#061528;border-radius:11px;padding:14px}.cn-result-card header{display:flex;justify-content:space-between;gap:8px}.cn-result-card header strong{color:#d8efff}.cn-result-card header span{font-size:10px;color:#46df94}.cn-result-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.cn-result-card dt{color:#5f7e9d;font-size:9px}.cn-result-card dd{margin:2px 0 0;font-size:11px;color:#a8c1dc}.cn-result-card button{width:100%}.cn-profile-large{padding:26px;max-width:800px}.cn-profile-large h2{margin-top:0}.cn-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cn-profile-grid div{padding:13px;border:1px solid rgba(38,84,137,.35);background:#071a31;border-radius:9px}.cn-profile-grid small,.cn-profile-grid strong{display:block}.cn-profile-grid small{color:#6586a8;font-size:9px}.cn-profile-grid strong{margin-top:5px;font-size:12px;word-break:break-all}.cn-account-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cn-account-grid article{padding:23px}.cn-account-grid small,.cn-account-grid strong{display:block}.cn-account-grid small{color:#6d8cab}.cn-account-grid strong{font-size:17px;margin-top:10px}.cn-settings-card{padding:24px;max-width:760px}.cn-settings-card h2{margin:0 0 15px}.cn-language-large{display:flex;flex-wrap:wrap;width:max-content;max-width:100%;margin-bottom:20px}.cn-link-button{display:inline-flex;align-items:center;justify-content:center;padding:0 18px}.cn-footer{color:#3f6181;font-size:10px;padding:0 28px 25px;text-align:center}.cn-sidebar-backdrop{display:none}.cn-toast-region{position:fixed;right:18px;bottom:18px;z-index:99;display:grid;gap:8px;max-width:340px}.cn-toast{border:1px solid rgba(37,112,185,.42);background:#071a30;color:#d9efff;border-radius:10px;padding:11px 13px;box-shadow:0 14px 44px rgba(0,0,0,.35);font-size:11px}.cn-toast.error{border-color:rgba(255,86,109,.45);color:#ffc0c9}.cn-toast.success{border-color:rgba(56,223,145,.38);color:#9ef0c6}
@media(max-width:1100px){.cn-auth-grid{grid-template-columns:1fr}.cn-auth-hero{min-height:560px}.cn-login-card{margin-bottom:50px}.cn-app{grid-template-columns:200px minmax(0,1fr)}.cn-stats-grid{grid-template-columns:repeat(2,1fr)}.cn-dashboard-grid{grid-template-columns:1fr}.cn-result-cards{grid-template-columns:repeat(2,1fr)}.cn-account-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.cn-auth-shell{padding:15px}.cn-auth-topbar{height:62px}.cn-auth-topbar .cn-brand{font-size:13px}.cn-auth-grid{gap:18px}.cn-auth-hero{min-height:430px;padding:30px 18px;border-radius:18px}.cn-hero-copy h1{font-size:34px}.cn-hero-copy h2{font-size:19px}.cn-benefits{grid-template-columns:1fr}.cn-benefits article:nth-child(n+3){display:none}.cn-feature-row{display:none}.cn-cityline{width:86%;opacity:.55}.cn-map-lines{width:85%;opacity:.35}.cn-login-card{padding:28px 20px;border-radius:18px;margin-bottom:20px}.cn-language button{padding:7px 9px;font-size:11px}.cn-app{display:block}.cn-sidebar{position:fixed;left:-260px;width:238px;transition:left .2s ease;box-shadow:20px 0 60px rgba(0,0,0,.55)}.cn-app.sidebar-open .cn-sidebar{left:0}.cn-sidebar-backdrop{position:fixed;inset:0;border:0;background:rgba(0,4,10,.68);z-index:18}.cn-app.sidebar-open .cn-sidebar-backdrop{display:block}.cn-topbar{height:72px;padding:0 14px}.cn-menu-button{display:block}.cn-page-title{display:none}.cn-user-chip{display:none}.cn-content{padding:14px}.cn-stats-grid{grid-template-columns:repeat(2,1fr);gap:9px}.cn-stats-grid article{min-height:112px;padding:13px;gap:10px}.cn-stat-icon{width:35px;height:35px;font-size:15px}.cn-stats-grid strong{font-size:20px;margin-top:7px}.cn-dashboard-grid{gap:10px}.cn-scan-panel,.cn-connection-panel,.cn-results-panel{padding:14px}.cn-scan-modes{grid-template-columns:repeat(3,1fr)}.cn-results-panel{margin-top:10px}.cn-results-table{min-width:650px}.cn-result-cards{grid-template-columns:1fr;padding:0 12px 12px}.cn-account-grid{grid-template-columns:1fr 1fr;gap:9px}.cn-profile-grid{grid-template-columns:1fr}.cn-footer{padding:0 14px 18px}.cn-topbar-actions{gap:7px}.cn-topbar .cn-language button{padding:6px 8px}.cn-auth-footer{padding-bottom:10px}}

/* v77.6 explicit AUTO DETECT whitelist control */
.cn-whitelist-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;margin:0 0 14px;border:1px solid rgba(245,196,81,.3);background:rgba(245,196,81,.055);border-radius:10px}.cn-whitelist-box.authorized{border-color:rgba(56,223,145,.32);background:rgba(56,223,145,.055)}.cn-whitelist-copy small{display:block;color:#7595b7;font-size:9px;letter-spacing:.15em}.cn-whitelist-copy>div{display:flex;align-items:center;gap:8px;margin-top:5px;min-width:0}.cn-whitelist-copy strong{font-size:12px;color:#d9efff;word-break:break-all}.cn-whitelist-copy p{margin:6px 0 0;color:#6888a7;font-size:9px;line-height:1.45}.cn-whitelist-state{font-size:8px;font-weight:800;color:#f5c451;border:1px solid rgba(245,196,81,.35);background:rgba(245,196,81,.08);padding:3px 6px;border-radius:999px;white-space:nowrap}.cn-whitelist-state.authorized{color:#65e5a3;border-color:rgba(56,223,145,.34);background:rgba(56,223,145,.08)}.cn-auto-detect-button{min-width:118px;min-height:42px;border:1px solid rgba(30,137,255,.5);border-radius:9px;background:linear-gradient(135deg,#0d70d7,#174cc5);color:#fff;font-size:10px;font-weight:850;cursor:pointer;box-shadow:0 8px 24px rgba(18,105,230,.2)}.cn-auto-detect-button:disabled{opacity:.55;cursor:wait}.cn-auto-detect-button span{margin-right:6px}@media(max-width:520px){.cn-whitelist-box{grid-template-columns:1fr}.cn-auto-detect-button{width:100%}}


/* v77.7 AUTO DETECT + manual IPv4 whitelist */
.cn-whitelist-actions{display:grid;gap:8px;min-width:210px}.cn-manual-ip-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.cn-manual-ip-row input{min-width:0;width:100%;height:39px;border:1px solid rgba(42,98,159,.5);background:#051427;color:#d9efff;border-radius:8px;padding:0 10px;outline:0;font-size:10px}.cn-manual-ip-row input:focus{border-color:#218eff;box-shadow:0 0 0 2px rgba(33,142,255,.12)}.cn-manual-ip-row input::placeholder{color:#547493}.cn-manual-add-button{height:39px;border:1px solid rgba(56,223,145,.38);background:rgba(35,173,107,.14);color:#79e7ae;border-radius:8px;padding:0 11px;font-size:9px;font-weight:850;cursor:pointer;white-space:nowrap}.cn-manual-add-button:disabled{opacity:.5;cursor:wait}@media(max-width:520px){.cn-whitelist-actions{min-width:0;width:100%}.cn-manual-ip-row{grid-template-columns:minmax(0,1fr) auto}}

/* =========================================================
   PROXY ZAKAR CN v77.8 — SINGLE PAGE CHINA CUSTOMER UI
   ========================================================= */
.cn-onepage-body{min-height:100vh;background:
 radial-gradient(circle at 18% 8%,rgba(0,117,255,.12),transparent 28%),
 radial-gradient(circle at 86% 36%,rgba(0,90,220,.08),transparent 34%),
 linear-gradient(180deg,#020914 0%,#03101f 52%,#020913 100%);color:#dcecff;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;overflow-x:hidden}
.cn-onepage-body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(32,116,206,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(32,116,206,.08) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
.cn-onepage{width:min(1660px,calc(100% - 20px));margin:10px auto 18px;position:relative;z-index:1}
.cn-onepage-header{height:68px;border:1px solid rgba(35,123,220,.42);border-radius:16px;background:linear-gradient(180deg,rgba(4,20,40,.94),rgba(2,13,28,.94));box-shadow:0 18px 56px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025);display:flex;align-items:center;padding:0 22px;gap:16px}
.cn-onepage-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;min-width:0}.cn-onepage-logo{width:39px;height:39px;display:grid;place-items:center;filter:drop-shadow(0 0 10px rgba(0,133,255,.35))}.cn-onepage-logo img{width:100%;height:100%;object-fit:contain}.cn-onepage-brandtext{font-size:20px;font-weight:860;letter-spacing:.01em;white-space:nowrap}.cn-onepage-brandtext b{color:#2a95ff}.cn-onepage-online{display:flex;align-items:center;gap:7px;font-size:11px;color:#72e9aa}.cn-onepage-online span,.cn-status-dot{width:7px;height:7px;border-radius:50%;background:#39d98a;box-shadow:0 0 12px rgba(57,217,138,.78);flex:0 0 auto}.cn-onepage-headspacer{flex:1}.cn-onepage-language{display:flex;align-items:center;gap:4px;background:transparent;border:0}.cn-globe{color:#9bb8d5;margin-right:5px}.cn-onepage-language button{border:0;background:transparent;color:#8ba4c0;border-radius:8px;padding:8px 11px;cursor:pointer;font-size:12px}.cn-onepage-language button.active{background:linear-gradient(180deg,#126ccd,#12499f);color:#fff;box-shadow:inset 0 0 0 1px rgba(55,157,255,.55),0 0 22px rgba(12,108,224,.2)}
.cn-onepage-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:14px}.cn-op-card{position:relative;border:1px solid rgba(34,117,208,.5);border-radius:16px;background:linear-gradient(180deg,rgba(4,22,44,.96),rgba(3,15,31,.96));box-shadow:0 20px 58px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.022);padding:15px;overflow:hidden}.cn-op-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(24,132,255,.045),transparent 25%,transparent 76%,rgba(24,132,255,.025))}.cn-op-title{position:relative;display:flex;align-items:center;gap:10px;margin-bottom:13px;min-height:42px}.cn-op-num{width:42px;height:42px;border-radius:9px;border:1px solid rgba(24,132,255,.45);background:rgba(9,65,123,.24);color:#30a0ff;display:grid;place-items:center;font-size:12px;font-weight:900;box-shadow:inset 0 0 20px rgba(0,123,255,.06)}.cn-op-title h2{font-size:17px;margin:0;color:#f0f7ff;letter-spacing:.015em}.cn-op-title p{font-size:10px;color:#6988aa;margin:3px 0 0}.cn-op-ready{margin-left:auto;font-size:9px;font-weight:800;color:#58e19b;border:1px solid rgba(55,219,145,.28);background:rgba(45,191,121,.09);padding:5px 8px;border-radius:6px}.cn-op-ready.busy{color:#77c8ff;border-color:rgba(48,146,255,.34);background:rgba(28,118,230,.11)}.cn-op-ready.error{color:#ff8293;border-color:rgba(255,91,111,.38);background:rgba(209,47,68,.09)}
.cn-current-ip-row{position:relative;display:grid;grid-template-columns:108px minmax(0,1fr) 190px;align-items:center;border:1px solid rgba(40,103,170,.36);border-radius:12px;background:linear-gradient(180deg,rgba(7,31,59,.8),rgba(5,22,43,.72));min-height:95px;overflow:hidden}.cn-security-orb{height:100%;display:grid;place-items:center;border-right:1px solid rgba(39,91,148,.3)}.cn-security-orb span{width:60px;height:66px;display:grid;place-items:center;color:#84d8ff;font-size:22px;font-weight:900;clip-path:polygon(50% 0,88% 14%,88% 61%,50% 100%,12% 61%,12% 14%);background:linear-gradient(180deg,rgba(17,124,248,.2),rgba(6,58,126,.3));border:1px solid #1a94ff;filter:drop-shadow(0 0 10px rgba(0,137,255,.45))}.cn-current-ip-copy{padding:13px 18px}.cn-current-ip-copy small{font-size:10px;color:#6e8daf}.cn-ip-value-line{display:flex;align-items:center;gap:10px;margin-top:3px;flex-wrap:wrap}.cn-ip-value-line strong{font-size:21px;letter-spacing:.02em;color:#f4f9ff}.cn-current-ip-copy p{display:flex;align-items:center;gap:7px;margin:7px 0 0;color:#5fc996;font-size:9px}.cn-whitelist-state{font-size:8px;font-weight:900;padding:4px 8px;border-radius:999px;color:#ffca6b;border:1px solid rgba(244,192,84,.35);background:rgba(244,192,84,.07)}.cn-whitelist-state.authorized{color:#62e8a4;border-color:rgba(54,219,144,.36);background:rgba(54,219,144,.08)}.cn-auto-detect-button{margin-right:14px;min-height:46px}.cn-op-primary{border:1px solid rgba(41,151,255,.65);background:linear-gradient(180deg,#1988f5,#1460db);box-shadow:0 8px 24px rgba(16,100,229,.2),inset 0 1px 0 rgba(255,255,255,.15);color:#fff;border-radius:8px;min-height:40px;padding:0 16px;font-size:11px;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.cn-op-primary:hover{filter:brightness(1.08)}.cn-op-primary:disabled{opacity:.48;cursor:not-allowed}.cn-manual-whitelist{margin-top:11px}.cn-manual-whitelist label{font-size:10px;color:#b9cce0;display:block;margin-bottom:7px}.cn-manual-ip-row{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:9px}.cn-manual-ip-row input,.cn-op-input{border:1px solid rgba(49,103,163,.5);border-radius:8px;background:#041326;color:#dcecff;min-height:39px}.cn-manual-ip-row input{padding:0 12px;outline:0}.cn-manual-ip-row input:focus,.cn-op-input:focus-within{border-color:#168eff;box-shadow:0 0 0 2px rgba(22,142,255,.09)}.cn-manual-add-button{min-height:39px}.cn-whitelist-list-head{display:flex;justify-content:space-between;color:#7694b2;font-size:9px;margin:13px 1px 7px}.cn-whitelist-list-head b{color:#55b9ff}.cn-whitelist-list{display:grid;gap:6px}.cn-whitelist-item{display:grid;grid-template-columns:10px minmax(0,1fr) auto 30px;align-items:center;gap:7px;border:1px solid rgba(36,79,126,.32);background:rgba(4,20,39,.74);border-radius:7px;padding:7px 8px;font-size:10px}.cn-whitelist-item strong{font-weight:650;color:#c5d9ed}.cn-whitelist-item em{font-style:normal;font-size:8px;color:#64bfff;background:rgba(26,120,218,.12);padding:3px 6px;border-radius:5px}.cn-remove-ip{border:0;background:transparent;color:#7b99b8;cursor:pointer;font-size:14px}.cn-remove-ip:hover{color:#ff6d82}.cn-list-empty{padding:13px;border:1px dashed rgba(49,99,153,.28);border-radius:8px;text-align:center;color:#567695;font-size:9px}
.cn-op-label{font-size:10px;color:#bdd0e3;display:block;margin:3px 0 7px}.cn-op-input{display:flex;align-items:center;gap:8px;padding:0 11px}.cn-op-input span{color:#2e9cff}.cn-op-input input{width:100%;height:38px;border:0;outline:0;background:transparent;color:#e0edfb}.cn-op-input input::placeholder,.cn-manual-ip-row input::placeholder{color:#4c6b8a}.cn-op-filters{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.cn-op-filters button{height:37px;border:1px solid rgba(45,96,153,.42);border-radius:8px;background:#07182c;color:#899fba;cursor:pointer}.cn-op-filters button.active{background:linear-gradient(180deg,#197ff1,#145bcd);border-color:#2596ff;color:#fff;box-shadow:0 5px 16px rgba(13,100,219,.19)}.cn-op-start{width:100%;margin-top:10px;min-height:44px;font-size:12px}.cn-scan-live{margin-top:11px;border:1px solid rgba(39,88,143,.35);border-radius:11px;background:rgba(4,19,37,.7);padding:12px}.cn-scan-live-top{display:grid;grid-template-columns:minmax(0,1fr) auto 145px;align-items:center;gap:10px}.cn-scan-live-copy{display:flex;align-items:center;gap:10px}.cn-scan-live-copy strong{display:block;font-size:10px;color:#d7e8f8}.cn-scan-live-copy small{display:block;margin-top:4px;color:#577797;font-size:8px}.cn-spinner{width:25px;height:25px;border-radius:50%;border:3px dotted #168dff;opacity:.45}.cn-spinner.active{opacity:1;animation:cnSpin 1s linear infinite}@keyframes cnSpin{to{transform:rotate(360deg)}}.cn-scan-time{font-size:9px;color:#718ead}.cn-scan-time b{color:#a8c6e3;margin-left:5px}.cn-stop-button{height:36px;border:1px solid rgba(54,151,255,.6);background:linear-gradient(180deg,#258ae9,#1260c3);color:#fff;border-radius:7px;font-size:10px;font-weight:850;cursor:pointer}.cn-stop-button:disabled{opacity:.36;cursor:not-allowed}.cn-progress{height:6px;border-radius:999px;background:#07172a;overflow:hidden;margin-top:11px}.cn-progress span{display:block;height:100%;width:0%;background:linear-gradient(90deg,#116fe8,#49cbff);box-shadow:0 0 15px rgba(47,174,255,.55);transition:width .25s ease}.cn-progress-meta{display:flex;justify-content:space-between;margin-top:7px;color:#6988a8;font-size:8px}.cn-progress-meta b{color:#64c2ff}
.cn-op-tablewrap{border:1px solid rgba(35,78,125,.3);border-radius:10px;overflow:auto;background:rgba(2,14,28,.48)}.cn-op-table{min-width:660px}.cn-op-table th{padding:9px 10px;font-size:9px;color:#8da8c4;background:rgba(7,27,50,.55)}.cn-op-table td{padding:9px 10px;font-size:10px}.cn-op-table .cn-match-wrap{display:flex;align-items:center;gap:7px}.cn-op-table .cn-match-track{width:46px;height:6px;border-radius:20px;background:#132b3f;overflow:hidden}.cn-op-table .cn-match-track span{display:block;height:100%;background:#61db8a;border-radius:20px}.cn-connect-result{min-width:82px}.cn-op-empty{padding:24px 12px}.cn-results-footer{display:flex;justify-content:space-between;align-items:center;color:#6483a4;font-size:9px;margin-top:10px}.cn-page-dot{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;background:#1267dc;color:#fff;border:1px solid #238fff}
.cn-active-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(180px,.9fr);gap:10px;align-items:center}.cn-active-details{display:grid;gap:5px}.cn-active-details>div{display:grid;grid-template-columns:78px minmax(0,1fr) 26px;gap:7px;align-items:center;font-size:10px}.cn-active-details span{color:#88a4c0}.cn-active-details strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d8eafa}.cn-active-details button{border:0;background:transparent;color:#70a9dc;cursor:pointer}.cn-active-status{color:#6ae89e!important}.cn-active-status.inactive{color:#758da6!important}.cn-active-visual{position:relative;min-height:190px;display:grid;place-items:center}.cn-holo-rings{position:absolute;width:180px;height:90px;bottom:16px}.cn-holo-rings span{position:absolute;left:50%;bottom:0;transform:translateX(-50%);border:1px solid rgba(31,137,255,.72);border-radius:50%;box-shadow:0 0 14px rgba(22,126,255,.15)}.cn-holo-rings span:nth-child(1){width:180px;height:64px}.cn-holo-rings span:nth-child(2){width:130px;height:46px;bottom:8px}.cn-holo-rings span:nth-child(3){width:78px;height:28px;bottom:17px}.cn-holo-shield{position:relative;z-index:2;width:94px;height:110px;margin-top:-25px;clip-path:polygon(50% 0,92% 14%,88% 66%,50% 100%,12% 66%,8% 14%);background:linear-gradient(180deg,rgba(25,139,255,.3),rgba(8,68,159,.55));display:grid;place-items:center;color:#8bdcff;font-size:38px;font-weight:900;border:1px solid #2099ff;filter:drop-shadow(0 0 14px rgba(0,134,255,.65))}.cn-active-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.cn-op-disconnect{min-height:40px}.cn-danger-button{border:1px solid rgba(255,74,98,.65);background:linear-gradient(180deg,rgba(149,35,50,.38),rgba(87,21,31,.36));color:#ff7b8e;border-radius:8px;font-size:10px;font-weight:850;cursor:pointer}.cn-danger-button:disabled{opacity:.35;cursor:not-allowed}
.cn-onepage-footer{margin-top:14px;min-height:58px;border:1px solid rgba(34,105,180,.32);border-radius:13px;background:rgba(3,15,31,.9);display:flex;align-items:center;padding:0 18px;gap:12px;color:#6886a6;font-size:10px}.cn-onepage-footer strong{color:#9eb9d2}.cn-account-icon{margin-right:6px}.cn-footer-meta{margin-left:auto;color:#496886}.cn-onepage-footer form{margin:0}.cn-onepage-footer button{border:1px solid rgba(44,91,145,.34);background:#06172a;color:#809cba;border-radius:7px;padding:8px 13px;cursor:pointer}.cn-toast-region{z-index:200}
@media(max-width:1050px){.cn-current-ip-row{grid-template-columns:88px minmax(0,1fr)}.cn-auto-detect-button{grid-column:1/-1;width:calc(100% - 24px);margin:0 12px 12px}.cn-manual-ip-row{grid-template-columns:minmax(0,1fr) 150px}.cn-scan-live-top{grid-template-columns:minmax(0,1fr) auto}.cn-stop-button{grid-column:1/-1}.cn-active-layout{grid-template-columns:1fr}.cn-active-visual{min-height:140px}.cn-holo-shield{width:74px;height:88px}.cn-holo-rings{transform:scale(.82)}}
@media(max-width:760px){.cn-onepage{width:min(100% - 12px,720px);margin-top:6px}.cn-onepage-header{height:62px;padding:0 13px;border-radius:12px}.cn-onepage-brandtext{font-size:15px}.cn-onepage-logo{width:33px;height:33px}.cn-onepage-online{display:none}.cn-globe{display:none}.cn-onepage-language button{padding:7px 8px;font-size:10px}.cn-onepage-grid{grid-template-columns:1fr;gap:10px;margin-top:10px}.cn-op-card{padding:12px;border-radius:12px}.cn-op-title h2{font-size:15px}.cn-current-ip-row{grid-template-columns:64px minmax(0,1fr)}.cn-security-orb span{width:42px;height:50px;font-size:16px}.cn-current-ip-copy{padding:12px}.cn-ip-value-line strong{font-size:17px}.cn-manual-ip-row{grid-template-columns:1fr}.cn-op-filters{grid-template-columns:repeat(3,1fr)}.cn-scan-live-top{grid-template-columns:1fr}.cn-scan-time{display:flex;justify-content:space-between}.cn-active-layout{grid-template-columns:1fr}.cn-active-visual{display:none}.cn-active-actions{grid-template-columns:1fr}.cn-onepage-footer{padding:10px 12px;flex-wrap:wrap}.cn-footer-meta{display:none}.cn-onepage-footer form{margin-left:auto}}