:root{--bg:#0b0c10;--panel:#14161b;--line:#272a32;--text:#f1f2f5;--muted:#747a87;--purple:#8b5cf6;--green:#43d89f;--blue:#52a8ff;--red:#e47680}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,"Microsoft YaHei",system-ui,sans-serif}button,input,select{font:inherit}button{color:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr;background:radial-gradient(circle at 80% 0,rgba(119,66,216,.1),transparent 28%),var(--bg)}aside{position:fixed;inset:0 auto 0 0;width:238px;background:#0e0f13;border-right:1px solid #202229;padding:27px 16px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;padding:0 9px 30px}.brand>i{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#9a71ff,#6534dd);box-shadow:0 8px 24px rgba(123,70,238,.25);font-weight:800;font-style:italic}.brand b,.brand small{display:block}.brand b{font-size:15px;letter-spacing:2.4px}.brand small{font-size:8px;color:#6b707c;margin-top:4px;letter-spacing:1px}nav{display:flex;flex-direction:column;gap:3px}nav a{height:43px;border-radius:9px;color:#8c919d;text-decoration:none;display:flex;align-items:center;gap:12px;padding:0 12px;font-size:12px}nav a span{width:18px;text-align:center;color:#737986;font-size:16px}nav a:hover{background:#17191f;color:#ddd}nav a.active{background:linear-gradient(90deg,rgba(130,79,245,.2),rgba(99,54,190,.06));color:#fff;box-shadow:inset 2px 0 var(--purple)}nav a.active span{color:#ad86f5}.account{margin-top:auto;border-top:1px solid #22242b;padding:16px 7px 0;display:flex;align-items:center;gap:9px}.account>i{width:31px;height:31px;display:grid;place-items:center;background:#6f45c8;border-radius:8px;font-size:9px;font-style:normal}.account span{flex:1}.account b,.account small{display:block}.account b{font-size:9px}.account small{font-size:7px;color:#666b77;margin-top:3px}.account button{border:0;background:transparent;color:#747986;font-size:8px;cursor:pointer}.workspace{grid-column:2;padding:30px 38px 50px;max-width:1500px;width:100%;margin:auto}.workspace>header{height:64px;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.workspace header small{color:#5f6571;letter-spacing:1.4px;font-size:8px}.workspace h1{font-size:23px;margin:4px 0 0}.health{height:36px;border:1px solid var(--line);background:#14161b;border-radius:9px;padding:0 13px;display:flex;align-items:center;gap:7px;color:#858b96;font-size:9px}.health i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.page{display:flex;flex-direction:column;gap:16px}.loading,.empty,.error-state{min-height:180px;border:1px dashed #2c2f37;border-radius:12px;display:grid;place-items:center;color:#676d79;font-size:10px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metrics article{height:110px;border:1px solid var(--line);background:linear-gradient(145deg,#16181d,#121318);border-radius:13px;padding:18px;display:flex;align-items:center;gap:13px}.metrics article>i{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-style:normal}.metrics i.green{color:var(--green);background:rgba(67,216,159,.1)}.metrics i.purple{color:#a77cf4;background:rgba(139,92,246,.12)}.metrics i.blue{color:var(--blue);background:rgba(82,168,255,.1)}.metrics i.orange{color:#e6aa66;background:rgba(230,160,83,.1)}.metrics p,.metrics small,.metrics b,.metrics em{display:block;margin:0}.metrics small{font-size:8px;color:#717783}.metrics b{font-size:22px;margin:4px 0}.metrics em{font-size:7px;color:#565c67;font-style:normal}.grid{display:grid;grid-template-columns:1.4fr .8fr;gap:16px}.card{border:1px solid var(--line);background:linear-gradient(145deg,#15171c,#121318);border-radius:14px;padding:19px 21px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.card-head h3{font-size:13px;margin:0 0 5px}.card-head p{font-size:8px;color:#666c78;margin:0}.card-head a,.card-head button{font-size:8px;color:#a984ec;text-decoration:none}.health-list>div{min-height:65px;border-top:1px solid #23252b;display:flex;align-items:center;gap:11px}.health-list .os{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:rgba(139,92,246,.12);color:#ae90ec;font-size:10px}.health-list p{flex:1}.health-list p,.health-list b,.health-list small{display:block;margin:0}.health-list b{font-size:10px}.health-list small{font-size:7px;color:#626874;margin-top:4px}.health-list time{width:58px;color:#5e6470;font-size:7px;text-align:right}.quick dl{margin:0}.quick dl div{min-height:42px;border-top:1px solid #23252b;display:grid;grid-template-columns:85px 1fr;align-items:center;font-size:8px}.quick dt{color:#666c78}.quick dd{margin:0;color:#b9bdc5;overflow:hidden;text-overflow:ellipsis}.button{display:block;text-align:center;text-decoration:none;margin-top:15px}.actions{display:flex;justify-content:space-between;align-items:center;min-height:38px}.actions>div{display:flex;gap:7px}.primary,.secondary{height:37px;border-radius:8px;padding:0 13px;cursor:pointer;font-size:9px}.primary{border:1px solid #9568ea;background:linear-gradient(135deg,#8b5cf6,#6840c3)}.secondary{border:1px solid #2c2f37;background:#17191f;color:#a0a5af}.table{padding:0;overflow:hidden}.node-row,.user-row,.device-row,.rule-row{min-height:71px;border-top:1px solid #22242b;display:grid;align-items:center;padding:0 20px;font-size:9px}.node-row{grid-template-columns:1.45fr .9fr .5fr .7fr .55fr .7fr}.user-row{grid-template-columns:1.4fr .85fr .65fr .7fr .5fr .45fr}.device-row{grid-template-columns:1.05fr 1.05fr .75fr .7fr 1fr .55fr}.rule-row{grid-template-columns:1.2fr 1.5fr .55fr .45fr .4fr}.head{min-height:37px!important;border:0!important;background:#121318;color:#5c626e;font-size:7px!important;text-transform:uppercase;letter-spacing:.5px}.node-row b,.node-row small,.user-row b,.user-row small,.device-row b,.device-row small,.rule-row b,.rule-row small{display:block}.node-row small,.user-row small,.device-row small,.rule-row small{color:#616773;font-size:7px;margin-top:4px}.status{font-style:normal;border-radius:20px;padding:5px 8px;font-size:7px}.status.online{color:#51d5a5;background:rgba(67,216,159,.08)}.status.offline{color:#e17882;background:rgba(225,99,112,.08)}.link{border:0;background:transparent;color:#9b79dc;font-size:8px;cursor:pointer;padding:4px}.user-row>span:first-child{display:flex;align-items:center;gap:9px}.user-row>span:first-child>i{width:30px;height:30px;border-radius:8px;background:#332451;color:#b392ef;display:grid;place-items:center;font-style:normal}.user-row p{margin:0}.table code{font-size:8px;color:#9298a3}.action{font-style:normal;color:#aa89e8;background:#241c32;border-radius:6px;padding:5px 8px}.search{width:260px;height:37px;border:1px solid #2b2e36;background:#14161b;border-radius:8px;padding:0 10px;display:flex;align-items:center;color:#676d78}.search input{width:100%;border:0;outline:0;background:transparent;color:#ddd;padding-left:8px;font-size:9px}.policy-hero{min-height:96px;border:1px solid #34294c;background:linear-gradient(110deg,rgba(128,76,222,.13),rgba(20,21,26,.5));border-radius:13px;padding:20px;display:flex;justify-content:space-between;align-items:center}.policy-hero h3{font-size:13px;margin:0 0 6px}.policy-hero p{font-size:8px;color:#717783;margin:0}.segments{display:flex;background:#101116;border:1px solid #292c33;border-radius:9px;padding:3px}.segments button,.tabs button{height:31px;border:0;background:transparent;color:#737986;border-radius:6px;font-size:8px;padding:0 13px;cursor:pointer}.segments button.active,.tabs button.active{background:#2b1f40;color:#bd9df2}.settings{display:flex;flex-direction:column;gap:15px}.settings .card{display:flex;flex-direction:column;gap:14px}.settings label,.modal label{display:flex;flex-direction:column;gap:7px;color:#999eaa;font-size:9px}.settings label small,.modal label small{color:#5f6571;font-size:7px}.settings input,.settings select,.modal input,.modal select{height:40px;border:1px solid #2b2e36;background:#101116;color:#e1e3e6;border-radius:8px;padding:0 11px}.two{display:grid;grid-template-columns:1fr 1fr;gap:11px}.config-json,.command{display:block;white-space:pre-wrap;word-break:break-all;background:#0d0e12;border:1px solid #282b32;border-radius:8px;padding:13px;color:#9adaba;font-size:8px;line-height:1.7}.savebar{position:sticky;bottom:16px;min-height:60px;border:1px solid #322b42;background:rgba(20,18,27,.96);backdrop-filter:blur(12px);border-radius:12px;padding:0 14px;display:flex;align-items:center;justify-content:space-between}.savebar span{font-size:8px;color:#6e7480}.backdrop{position:fixed;inset:0;background:rgba(2,3,5,.76);backdrop-filter:blur(7px);display:grid;place-items:center;z-index:30}.modal{width:min(520px,calc(100vw - 30px));background:#15171c;border:1px solid #30333c;border-radius:15px;box-shadow:0 30px 90px rgba(0,0,0,.55);padding:22px}.modal>header{display:flex;justify-content:space-between;margin-bottom:20px}.modal header h2{font-size:16px;margin:0 0 6px}.modal header p{font-size:8px;color:#717783;margin:0}.modal header>button{width:29px;height:29px;border:1px solid #30333b;background:#1a1c22;border-radius:7px;color:#858a95;font-size:18px;cursor:pointer}.modal form{display:flex;flex-direction:column;gap:14px}.modal footer{display:flex;justify-content:flex-end;gap:8px;margin-top:7px}.check{flex-direction:row!important;align-items:center}.check input{height:auto!important}.tabs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #292c33;background:#101116;border-radius:8px;padding:3px;margin-bottom:12px}.notice{border:1px solid #2a2d35;background:#111318;border-radius:8px;padding:12px;margin-bottom:11px}.notice b{font-size:9px}.notice p,.hint{color:#676d78;font-size:8px;line-height:1.6}.full{width:100%;margin-top:11px}.toast{position:fixed;right:24px;bottom:24px;min-height:43px;background:#1b1e22;border:1px solid #2d3935;border-radius:9px;display:flex;align-items:center;gap:9px;padding:0 14px;font-size:9px;box-shadow:0 14px 40px rgba(0,0,0,.35);z-index:50}.toast b{color:var(--green)}.toast.error{border-color:#493036}.toast.error b{color:var(--red)}.login{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.login>section{padding:42px 7vw;display:flex;flex-direction:column;border-right:1px solid #202229;background:radial-gradient(circle at 10% 20%,rgba(126,70,223,.18),transparent 40%)}.login section>div:last-child{margin:auto 0}.login section em{font-style:normal;color:#a783ed;font-size:9px;letter-spacing:1.7px}.login section h1{font-size:clamp(38px,4.4vw,65px);line-height:1.1;letter-spacing:-2px;margin:20px 0}.login section p{color:#747a86;font-size:12px}.login>form{width:min(390px,80%);margin:auto;display:flex;flex-direction:column;gap:15px}.login form h2{font-size:24px;margin:0}.login form>p{font-size:9px;color:#717783;margin:-8px 0 8px}.login label{display:flex;flex-direction:column;gap:7px;color:#999eaa;font-size:9px}.login input{height:43px;border:1px solid #2b2e36;background:#121419;border-radius:8px;color:#e6e7ea;padding:0 12px}.login form>button{height:44px;border:1px solid #9568ea;background:linear-gradient(135deg,#8b5cf6,#6840c3);border-radius:8px;cursor:pointer}.login form>button span{float:right;margin-right:9px}.demo{border:1px solid #302941;background:#18151f;border-radius:9px;padding:12px;display:grid;grid-template-columns:auto 1fr;gap:6px 10px;font-size:8px}.demo b{grid-row:1/3;color:#aa8ce9}.demo code{color:#9298a3}.demo small{grid-column:1/-1;color:#5e6470;margin-top:4px}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.node-row{grid-template-columns:1.4fr .8fr .5fr .55fr}.node-row>span:nth-child(3),.node-row>span:nth-child(4){display:none}.device-row{grid-template-columns:1.1fr 1fr .7fr .6fr}.device-row>span:nth-child(3),.device-row>span:nth-child(5){display:none}}@media(max-width:760px){.shell{display:block}aside{position:static;width:100%;padding:13px}.brand{padding-bottom:12px}nav{flex-direction:row;overflow-x:auto}nav a{min-width:max-content}.account{display:none}.workspace{padding:20px 13px}.metrics{grid-template-columns:1fr 1fr}.user-row{grid-template-columns:1.3fr .7fr .5fr}.user-row>span:nth-child(2),.user-row>span:nth-child(3),.user-row>span:nth-child(4){display:none}.rule-row{grid-template-columns:1.2fr .5fr .4fr}.rule-row>span:nth-child(2),.rule-row>span:nth-child(4){display:none}.two{grid-template-columns:1fr}.policy-hero{align-items:flex-start;flex-direction:column;gap:13px}.login{grid-template-columns:1fr}.login>section{display:none}.login>form{min-height:100vh;justify-content:center}.actions{gap:10px;align-items:stretch}.actions>div{overflow-x:auto}}