:root{color-scheme:dark;font-family:Inter,"Microsoft YaHei","PingFang SC",sans-serif;color:#dae3ed;background:#0b121c;font-size:14px;--accent:#19d2de;--muted:#8b9aaa;--line:#273442;--sidebar:216px;--header:76px}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 85% 0,#14273755,transparent 48%),#0b121c}button,input,select,textarea{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #354454;background:#14212d;color:#c8d4e1;border-radius:6px;min-height:42px;padding:10px 16px;cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:#1b3040;border-color:#5f7a8d}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary{background:var(--accent);border-color:var(--accent);color:#04252c;font-weight:650;box-shadow:0 3px 16px #00cad513}.primary:hover{background:#59e5ed;border-color:#59e5ed}
.topbar{height:var(--header);display:flex;align-items:center;gap:30px;padding:0 28px;background:linear-gradient(100deg,#121e2c,#0e1721);border-bottom:1px solid var(--line);position:fixed;inset:0 0 auto;z-index:5}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#eff5fa;font-size:21px;font-weight:650;white-space:nowrap}.brand-mark{width:32px;height:34px;border:1px solid #1ab6c477;background:#19d2de12;border-radius:7px;color:var(--accent);display:grid;place-items:center;font-size:23px;font-weight:500}.product-label{color:#8192a4;border-left:1px solid #354351;padding-left:28px;font-size:12px;letter-spacing:1px}.top-actions{margin-left:auto;display:flex;gap:19px;align-items:center;font-size:12px;white-space:nowrap}.top-actions button{border-color:transparent;background:transparent;color:#8fa5b8;padding:7px 10px;min-height:34px}.connection{color:#75d49b;display:flex;gap:8px;align-items:center}.dot{width:6px;height:6px;background:#57ce8b;border-radius:50%;display:inline-block;flex-shrink:0;box-shadow:0 0 8px #51c37d33}.dot.muted{background:#6f8193;box-shadow:none}#admin-label{border-left:1px solid #344150;padding-left:20px;color:#b8c7d6}
aside{position:fixed;inset:var(--header) auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,#121e2c,#0f1926);border-right:1px solid #202e3c;padding:30px 0}.nav-caption{color:#657b90;font-size:11px;letter-spacing:2px;margin:0 25px 20px}nav{display:grid;gap:7px}nav button{justify-content:flex-start;gap:14px;width:100%;background:transparent;color:#9fb0c2;border:0;border-left:3px solid transparent;border-radius:0;min-height:54px;padding-left:24px;text-align:left;font-size:15px}nav button:hover{background:#1b2c3b}.nav-icon{font-size:22px;width:24px;text-align:center}.selected{border-left-color:var(--accent);background:linear-gradient(90deg,#164553,#18324099);color:#cdfaff}.selected .nav-icon{color:var(--accent)}.sidebar-note{position:absolute;bottom:107px;left:24px;color:#8798ab;font-size:12px}.sidebar-note .dot{margin-right:6px}.sidebar-note p{font-size:11px;margin:10px 0;color:#5d7389}.foot{position:absolute;bottom:28px;left:24px;color:#566e83;font-size:9px;line-height:2.2;letter-spacing:1.1px}.foot span{font-size:10px;letter-spacing:0;color:#667b8e}
main{margin:var(--header) 0 0 var(--sidebar);padding:34px;min-width:0}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}.eyebrow{color:#657f95;font-size:10px;letter-spacing:2px;margin-bottom:10px}h1{font-size:29px;font-weight:600;letter-spacing:.5px;margin:0;color:#f0f5fa}p{color:var(--muted);line-height:1.8}.heading p{margin:10px 0 0;font-size:13px}.heading .primary{min-height:45px;padding:10px 20px}
#stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:27px}.stat{display:flex;align-items:center;gap:19px;min-height:111px;padding:23px;border:1px solid #2a3c4c;border-radius:8px;background:linear-gradient(125deg,#1c304055,#121d29);color:#a4b3c4}.stat-icon{width:47px;height:47px;border-radius:50%;background:#19d2de15;color:#44d5e8;display:grid;place-items:center;font-size:25px;flex-shrink:0}.stat strong{display:block;font-variant-numeric:tabular-nums;font-size:30px;font-weight:600;color:#e7f0f9;margin-top:8px;line-height:1.1}.stat:nth-child(2){background:linear-gradient(125deg,#1a392c55,#121d29)}.stat:nth-child(2) .stat-icon{background:#3ac77b15;color:#64d991}.stat:nth-child(2) strong{color:#71db9d}.stat:nth-child(3) .stat-icon{background:#9cabc314;color:#a8b7ca}.stat:nth-child(4) .stat-icon{background:#e76a6b17;color:#e78383}.stat:nth-child(4) strong{color:#ed9696}
.toolbar{display:flex;gap:14px;align-items:center;margin-bottom:22px}.search-field{display:flex;align-items:center;gap:11px;background:#111c27;border:1px solid #344353;border-radius:6px;min-width:200px;flex:1;padding-left:13px;color:#869db1}.search-field>span{font-size:26px}.search-field input{width:100%;background:transparent;border:0;padding-left:0}.search-field:focus-within{border-color:var(--accent)}.search-field input:focus{outline:0}.filter-label{display:flex;align-items:center;gap:15px;margin:0;border:1px solid #344353;border-radius:6px;padding-left:16px;background:#111c27;color:#8c9eb0;font-size:13px}.filter-label select{border:0;background:transparent;min-width:130px}.toolbar>button{min-width:90px}.license-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.panel{background:#101b26;border:1px solid #2d3b49;border-radius:8px;overflow:hidden}.table-panel{min-height:420px;display:flex;flex-direction:column}.table-wrap{width:100%;overflow:auto;flex:1}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}th{background:#1c2935;color:#a7b7c8;font-weight:500}th,td{padding:19px 15px;border-bottom:1px solid #263440}td{color:#afbed0}td:first-child{color:#e1ecf6;font-weight:600;font-variant-numeric:tabular-nums}.license-row{cursor:pointer}.license-row:hover{background:#15303c80}.active-row{background:#16485466}.active-row td{border-bottom-color:#24606a}td button{padding:4px 0;min-height:24px;border:0;border-radius:2px;background:transparent;color:#56d9df;font-size:12px}td button+button{margin-left:13px}.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #4baa6d55;border-radius:4px;padding:3px 7px;color:#72d79c;background:#30885516;font-size:11px}.badge:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.badge.off{color:#a1afc0;background:#899bb512;border-color:#6d829d55}.badge.expired{color:#e88e8d;background:#be555512;border-color:#ba6b6b66}.table-footer{padding:17px 16px;display:flex;justify-content:space-between;color:#6f869b;font-size:11px;gap:15px;border-top:1px solid #263440}.panel-title{display:flex;align-items:center;justify-content:space-between;font-size:15px;color:#e3edf7;font-weight:550;padding:20px;border-bottom:1px solid #2a3845;background:linear-gradient(100deg,#1d2a3780,#131e28)}.panel-title>span{font-size:11px;font-weight:400;color:#7992a7}.detail-body{padding:7px 20px 22px}.detail-body dl{margin:0;padding:8px 0 18px;border-bottom:1px solid #2a3845}.detail-line{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:12px 0;font-size:12px}.detail-line dt{color:#8499ad;flex-shrink:0}.detail-line dd{margin:0;text-align:right;color:#c5d3e1;overflow-wrap:anywhere;min-width:0}.detail-note{white-space:pre-wrap;color:#90a5b9;font-size:12px;line-height:1.8;overflow-wrap:anywhere;min-height:35px}.detail-caption{font-size:12px;color:#c3d3e1;margin:21px 0 10px}.detail-actions{display:flex;gap:10px;margin-top:20px}.detail-actions button{flex:1;font-size:12px;padding:9px}.empty-detail{text-align:center;padding:75px 18px;color:#476175}.empty-detail>span{font-size:36px}.empty-detail h3{font-weight:500;font-size:13px;color:#9baec1}.empty-detail p{font-size:12px;color:#657f94}.empty-table{text-align:center;padding:78px 15px;color:#718b9f;font-weight:400!important}.page-footnote{display:flex;align-items:center;gap:8px;color:#647f94;font-size:11px;margin-top:20px}
label{display:block;color:#a8bacb;font-size:12px;margin:19px 0 8px}input,select,textarea{border:1px solid #354656;border-radius:5px;padding:12px;background:#0d1823;color:#d5e3ef;min-height:43px}input::placeholder,textarea::placeholder{color:#70869a}input:focus,select:focus,textarea:focus{outline:1px solid var(--accent);border-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent);min-height:0;width:16px;height:16px}dialog{background:#121f2c;color:#dbe6ef;border:1px solid #3e5466;border-radius:12px;padding:30px;width:460px;max-width:95vw;max-height:94vh;box-shadow:0 28px 100px #0009}dialog::backdrop{background:#040b13b8;backdrop-filter:blur(5px)}dialog h2{font-size:23px;font-weight:550;margin:4px 0 10px}dialog p{font-size:12px}dialog input:not([type=checkbox]),dialog textarea{width:100%}.check{display:flex;align-items:center;gap:10px;padding:12px;background:#19313a66;border-radius:6px}.check small{display:block;color:#82a1b3;font-size:10px;margin-top:5px}.actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #2a3d4b;padding-top:20px;margin-top:22px}.actions button{min-width:94px}textarea{resize:vertical;min-height:75px}#message,#editor-error{color:#eea39d;font-size:12px;line-height:1.7}#message:not(:empty){padding:13px 16px;background:#843f3f20;border:1px solid #86464666;border-radius:6px;margin-bottom:20px}.login-card{max-width:435px;margin:8vh auto 30px;border:1px solid #304353;background:linear-gradient(150deg,#192d3a,#111c29 70%);padding:36px;border-radius:12px;box-shadow:0 30px 90px #020b1444}.login-symbol{background:#1dcfda14;border:1px solid #25c5d329;color:var(--accent);border-radius:12px;width:50px;height:50px;display:grid;place-items:center;margin-bottom:26px;font-size:29px}.login-card h1{font-size:25px}.login-card p{font-size:12px;margin:13px 0 27px}.login-card input,.login-card button{width:100%}.login-card button{margin-top:24px;padding:13px 16px}.login-footer{border-top:1px solid #2c3d4a;color:#829aab;margin-top:27px;padding-top:20px;text-align:center;font-size:10px;letter-spacing:2px}[hidden]{display:none!important}
@media(min-width:1650px){main{padding:42px 46px}.license-layout{grid-template-columns:minmax(0,1fr) 350px}th,td{padding:21px}.stat{min-height:126px}}@media(max-width:1200px){:root{--sidebar:185px}.product-label{display:none}.license-layout{grid-template-columns:minmax(0,1fr) 280px;gap:16px}main{padding:28px 24px}.stat{padding:18px;gap:12px}.stat-icon{width:38px;height:38px}th,td{padding:17px 11px}.table-footer span:last-child{display:none}}@media(max-width:1050px){.license-layout{grid-template-columns:1fr}.detail-panel .detail-body dl{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.empty-detail{padding:28px}.table-panel{min-height:320px}.top-actions{gap:10px}}@media(max-width:760px){:root{--sidebar:0px;--header:66px}aside{display:none}.brand{font-size:16px;gap:8px}.brand-mark{width:28px;height:30px;font-size:20px}.topbar{padding:0 15px;gap:10px}.connection,#admin-label{display:none}.top-actions{gap:0}main{padding:25px 16px}.heading{margin-bottom:23px}.heading h1{font-size:24px}.heading p{font-size:11px}.heading .primary{padding:10px 12px;font-size:12px}.eyebrow{font-size:9px}#stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{min-height:95px;padding:15px}.stat strong{font-size:25px}.toolbar{flex-wrap:wrap;gap:10px}.search-field{flex-basis:100%}.filter-label{flex:1}.filter-label select{flex:1}.login-card{padding:28px;margin-top:5vh}.detail-panel .detail-body dl{display:block}.page-footnote{font-size:10px}.table-footer{font-size:10px}}

@media(max-width:760px){aside{display:block;inset:var(--header) 0 auto;width:100%;height:54px;padding:0;z-index:4;border-bottom:1px solid #273442}aside .nav-caption,aside .sidebar-note,aside .foot{display:none}nav{display:flex;gap:0}nav button{width:50%;min-height:54px;justify-content:center;padding:0;border-left:0;border-bottom:2px solid transparent}.selected{border-bottom-color:var(--accent)}main{margin-top:calc(var(--header) + 54px)}}