.user-menu[data-v-5cb5418f]{position:absolute;top:58px;right:20px;width:150px;background:#081b28;border:1px solid rgba(56,245,200,.24);border-radius:3px;padding:8px;z-index:70;box-shadow:0 12px 30px #00000080}.user-menu-head[data-v-5cb5418f]{font-size:11px;color:var(--muted);padding:2px 6px 8px;border-bottom:1px solid rgba(255,255,255,.06)}.user-menu button[data-v-5cb5418f]{width:100%;margin-top:6px;padding:6px;background:none;border:none;color:#ff9b9b;text-align:left;font-size:12px;cursor:pointer;border-radius:2px}.user-menu button[data-v-5cb5418f]:hover{background:#ff5d5d1a}.login-tip[data-v-256b29a4]{display:flex;align-items:flex-start;gap:7px;font-size:11.5px;color:var(--muted);line-height:1.6;padding:8px 10px;border:1px solid rgba(56,245,200,.16);background:#38f5c80a;border-radius:3px;margin-bottom:14px}.login-tip .dot[data-v-256b29a4]{margin-top:5px;flex:0 0 auto}:root{--bg: #04080f;--bg-panel: rgba(8, 22, 34, .82);--bg-panel-2: rgba(5, 15, 26, .9);--line: rgba(74, 170, 200, .18);--line-strong: rgba(56, 245, 200, .42);--cyan: #38f5c8;--cyan-dim: rgba(56, 245, 200, .7);--blue: #3ea6ff;--gold: #f5c96b;--amber: #ffb454;--red: #ff5d5d;--purple: #9b8cff;--text: #dcecf5;--text-dim: #9fb9c8;--muted: #64808f;--font-num: "Bahnschrift", "DIN Alternate", "Rajdhani", "Segoe UI", monospace;--radius: 4px}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:radial-gradient(1100px 620px at 50% -12%,rgba(22,112,112,.28),transparent 68%),radial-gradient(900px 520px at 4% 104%,rgba(18,74,118,.26),transparent 70%),radial-gradient(800px 500px at 100% 100%,rgba(20,92,76,.18),transparent 70%),var(--bg);color:var(--text);font-family:HarmonyOS Sans SC,PingFang SC,Microsoft YaHei,Segoe UI,system-ui,sans-serif;font-size:14px;overflow:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(56,245,200,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(56,245,200,.03) 1px,transparent 1px);background-size:52px 52px;pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000 35%,transparent 92%);mask-image:radial-gradient(circle at 50% 40%,#000 35%,transparent 92%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,transparent 55%,rgba(0,0,0,.55) 100%);pointer-events:none;z-index:0}#app{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff08}::-webkit-scrollbar-thumb{background:#38f5c847;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#38f5c880}.num{font-family:var(--font-num);letter-spacing:.5px}.muted{color:var(--muted)}.dim{color:var(--text-dim)}.cyan{color:var(--cyan)}.gold{color:var(--gold)}.red{color:var(--red)}.blue{color:var(--blue)}.mono{font-family:var(--font-num)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar{height:66px;flex:0 0 auto;display:flex;align-items:center;gap:18px;padding:0 20px;position:relative;background:linear-gradient(180deg,rgba(9,28,42,.62),transparent)}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(56,245,200,.55),rgba(62,166,255,.4),transparent)}.brand{display:flex;align-items:center;gap:10px;width:330px;flex:0 0 auto}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(56,245,200,.35);border-radius:50%;box-shadow:0 0 18px #38f5c82e inset,0 0 14px #38f5c81a}.brand-name{font-size:15px;font-weight:600;letter-spacing:1px}.brand-sub{font-size:10px;letter-spacing:1.6px;color:var(--muted);text-transform:uppercase;margin-top:2px}.title-wrap{flex:1;text-align:center;min-width:0;position:relative}.title-main{margin:0;font-size:26px;letter-spacing:5px;font-weight:600;background:linear-gradient(180deg,#f2fffb 20%,#38f5c8 130%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 26px rgba(56,245,200,.22);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-sub{margin-top:2px;font-size:9.5px;letter-spacing:3px;color:#78a8b8cc;white-space:nowrap;overflow:hidden}.title-wrap:before,.title-wrap:after{content:"";position:absolute;top:50%;width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(56,245,200,.5))}.title-wrap:before{left:4%;transform:translateY(-6px)}.title-wrap:after{right:4%;transform:translateY(-6px) scaleX(-1)}.top-meta{width:330px;flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:14px}.clock-block{text-align:right;line-height:1.25}.clock-time{font-family:var(--font-num);font-size:22px;color:#eafffb;letter-spacing:1px}.clock-date{font-size:11px;color:var(--muted);letter-spacing:.6px}.sys-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--cyan);border:1px solid rgba(56,245,200,.28);background:#38f5c80f;padding:4px 9px;border-radius:20px;white-space:nowrap}.sys-pill.offline{color:var(--red);border-color:#ff5d5d59;background:#ff5d5d14}.user-chip{display:flex;align-items:center;gap:8px;padding:4px 6px 4px 4px;border:1px solid rgba(120,170,190,.2);border-radius:20px;cursor:pointer;background:#0a1c2a99;transition:.2s}.user-chip:hover{border-color:#38f5c866}.avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#041410;background:linear-gradient(135deg,#38f5c8,#3ea6ff);font-weight:700}.avatar.guest{background:#7896a54d;color:#cfe6f0}.nav-bar{height:46px;flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:0 20px;overflow-x:auto}.nav-link{position:relative;padding:7px 16px;font-size:13px;color:var(--text-dim);border:1px solid transparent;border-radius:3px;letter-spacing:.6px;transition:.18s;white-space:nowrap}.nav-link:hover{color:#eafcff;background:#38f5c80f}.nav-link.router-link-active{color:var(--cyan);background:linear-gradient(180deg,#38f5c829,#38f5c80a);border-color:#38f5c852;box-shadow:0 0 16px #38f5c81f,0 0 12px #38f5c814 inset}.nav-link .idx{font-family:var(--font-num);font-size:10px;opacity:.55;margin-right:5px}.nav-right{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:11.5px;color:var(--muted)}.app-main{flex:1;min-height:0;padding:0 16px 14px;display:flex;flex-direction:column}.page{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}.page-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:12px}.panel{position:relative;display:flex;flex-direction:column;min-height:0;background:linear-gradient(180deg,#0a1c2adb,#040d16eb);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 26px #00000047,0 0 0 1px #ffffff04 inset;overflow:hidden}.panel:before,.panel:after{content:"";position:absolute;width:14px;height:14px;border-color:#38f5c8a6;border-style:solid;border-width:0;pointer-events:none;z-index:2}.panel:before{top:-1px;left:-1px;border-top-width:2px;border-left-width:2px}.panel:after{bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px}.panel-head{flex:0 0 auto;display:flex;align-items:center;gap:9px;padding:10px 14px;border-bottom:1px solid rgba(90,170,200,.12);background:linear-gradient(90deg,rgba(56,245,200,.06),transparent 55%)}.panel-head:before{content:"";width:3px;height:14px;background:linear-gradient(180deg,var(--cyan),rgba(56,245,200,.15));box-shadow:0 0 8px #38f5c899;border-radius:2px}.panel-title{font-size:14.5px;font-weight:600;letter-spacing:.8px;color:#e9fbff}.panel-title small{font-size:10px;color:var(--muted);letter-spacing:1px;margin-left:8px;font-weight:400;text-transform:uppercase}.panel-extra{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--muted)}.panel-body{flex:1;min-height:0;padding:12px 14px;position:relative}.panel-body.flush{padding:0}.panel-body.scroll{overflow-y:auto}.dash-grid{flex:1;min-height:0;display:grid;grid-template-columns:360px minmax(0,1fr) 378px;gap:12px}.dash-col{display:grid;gap:12px;min-height:0;grid-template-rows:repeat(3,minmax(0,1fr))}.dash-center{display:grid;gap:12px;min-height:0;grid-template-rows:minmax(0,1.55fr) minmax(0,.65fr)}.kpi-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;flex:0 0 auto}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.work-grid{flex:1;min-height:0;display:grid;grid-template-columns:380px minmax(0,1fr) 400px;gap:12px}.work-grid.wide-left{grid-template-columns:440px minmax(0,1fr) 400px}.kpi{position:relative;padding:11px 15px;border:1px solid rgba(80,180,200,.16);border-radius:var(--radius);background:linear-gradient(135deg,#0e2838eb,#050f1ab8);overflow:hidden;min-height:88px}.kpi:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;background:linear-gradient(180deg,transparent,var(--cyan),transparent);opacity:.55}.kpi:after{content:"";position:absolute;right:-34px;top:-34px;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,rgba(56,245,200,.16),transparent 68%)}.kpi-label{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);letter-spacing:.6px}.kpi-value{font-family:var(--font-num);font-size:29px;line-height:1.14;color:azure;margin-top:3px;text-shadow:0 0 18px rgba(56,245,200,.18)}.kpi-value small{font-size:11.5px;color:var(--muted);margin-left:4px;font-family:inherit;letter-spacing:0}.kpi-sub{font-size:11px;color:var(--text-dim);margin-top:3px;display:flex;align-items:center;gap:6px}.trend-up{color:var(--cyan)}.trend-down{color:var(--red)}.tag{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:2px;font-size:10.5px;line-height:17px;border:1px solid;white-space:nowrap;letter-spacing:.3px}.tag-green,.tag-cyan{color:#4cebb0;background:#4cebb01a;border-color:#4cebb052}.tag-blue{color:#64b8ff;background:#3ea6ff1a;border-color:#3ea6ff4d}.tag-amber{color:#ffc46b;background:#ffb4541a;border-color:#ffb4544d}.tag-red{color:#ff7c7c;background:#ff5d5d1a;border-color:#ff5d5d52}.tag-muted{color:#8fa5b1;background:#8ca5b214;border-color:#8ca5b23d}.dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px currentColor;display:inline-block}.dot.green{background:#4cebb0}.dot.amber{background:var(--amber)}.dot.red{background:var(--red)}.dot.pulse{animation:pulse 1.6s infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 13px;font-size:12.5px;border-radius:3px;border:1px solid rgba(56,245,200,.3);background:#38f5c812;color:var(--cyan);cursor:pointer;transition:.18s;font-family:inherit;white-space:nowrap}.btn:hover:not(:disabled){background:#38f5c829;box-shadow:0 0 14px #38f5c833}.btn:disabled{opacity:.42;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#11a98a,#38f5c8);border-color:transparent;color:#03130f;font-weight:600}.btn-primary:hover:not(:disabled){filter:brightness(1.08);background:linear-gradient(135deg,#11a98a,#38f5c8)}.btn-blue{border-color:#3ea6ff59;background:#3ea6ff1a;color:#78c2ff}.btn-ghost{border-color:#8caab93d;background:transparent;color:var(--text-dim)}.btn-danger{border-color:#ff5d5d5c;background:#ff5d5d17;color:#ff8a8a}.btn-sm{padding:4px 9px;font-size:11.5px}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.field>label{font-size:11.5px;color:var(--muted);letter-spacing:.4px}.input,.select,textarea.input{width:100%;padding:8px 10px;font-size:12.5px;color:var(--text);background:#030c14b8;border:1px solid rgba(90,170,200,.22);border-radius:3px;outline:none;font-family:inherit;transition:.18s}.input:focus,.select:focus{border-color:#38f5c88c;box-shadow:0 0 0 2px #38f5c81a}.input::placeholder{color:#4f6a78}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 15px) 52%,calc(100% - 10px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:26px;cursor:pointer}.select option{background:#07141f}textarea.input{resize:vertical;min-height:64px;line-height:1.5}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-hint{font-size:11px;color:var(--muted);line-height:1.5}.dt{width:100%;border-collapse:collapse;font-size:12.5px}.dt th{text-align:left;font-weight:500;font-size:11px;letter-spacing:.5px;color:var(--muted);padding:7px 8px;background:#38f5c80b;border-bottom:1px solid rgba(90,170,200,.14);white-space:nowrap}.dt td{padding:8px;border-bottom:1px dashed rgba(255,255,255,.055);color:var(--text-dim);vertical-align:middle}.dt tbody tr{transition:.15s}.dt tbody tr:hover{background:#38f5c80b}.dt td.strong{color:var(--text)}.dt .actions{display:flex;gap:5px;justify-content:flex-end;flex-wrap:wrap}.stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;flex:0 0 auto}.mini-stat{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(120deg,#0b202ee6,#050e18b3)}.mini-stat .icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#38f5c817;border:1px solid rgba(56,245,200,.24);color:var(--cyan);font-size:16px;flex:0 0 auto}.mini-stat .val{font-family:var(--font-num);font-size:23px;color:#eefeff;line-height:1.1}.mini-stat .val small{font-size:11px;color:var(--muted);margin-left:3px}.mini-stat .lab{font-size:11px;color:var(--muted);margin-top:3px}.list{display:flex;flex-direction:column;gap:8px}.list-item{display:flex;gap:10px;padding:9px 10px;border:1px solid rgba(90,170,200,.12);border-left:2px solid rgba(56,245,200,.45);border-radius:3px;background:#08182499;transition:.18s}.list-item:hover{border-color:#38f5c847;background:#0c2230b3}.list-item.warn{border-left-color:var(--amber)}.list-item.critical{border-left-color:var(--red)}.list-item .li-main{flex:1;min-width:0}.list-item .li-title{font-size:12.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item .li-meta{font-size:11px;color:var(--muted);margin-top:4px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.list-item .li-body{font-size:11.5px;color:var(--text-dim);line-height:1.55;margin-top:5px}.empty{display:grid;place-items:center;min-height:100px;color:var(--muted);font-size:12px}.seg{display:inline-flex;border:1px solid rgba(90,170,200,.2);border-radius:3px;overflow:hidden}.seg button{border:none;background:transparent;color:var(--muted);font-size:11.5px;padding:5px 11px;cursor:pointer;font-family:inherit;transition:.15s}.seg button+button{border-left:1px solid rgba(90,170,200,.16)}.seg button.active{color:var(--cyan);background:#38f5c81f}.bar-track{height:5px;border-radius:3px;background:#78aabe24;overflow:hidden}.bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#0f8f76,var(--cyan));box-shadow:0 0 10px #38f5c873;transition:width .6s ease}.bar-fill.amber{background:linear-gradient(90deg,#a86a1a,var(--amber));box-shadow:0 0 10px #ffb45466}.bar-fill.red{background:linear-gradient(90deg,#9c2a2a,var(--red));box-shadow:0 0 10px #ff5d5d66}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02080eb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:80;display:grid;place-items:center;animation:fadeIn .18s ease}.modal{width:min(520px,92vw);max-height:86vh;overflow-y:auto;background:linear-gradient(180deg,#0a1d2c,#05111c);border:1px solid rgba(56,245,200,.26);border-radius:5px;box-shadow:0 24px 70px #0009,0 0 40px #38f5c80f;animation:rise .2s ease}.modal-head{display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(90,170,200,.16);font-size:15px;font-weight:600;letter-spacing:.6px}.modal-head .close{margin-left:auto;cursor:pointer;color:var(--muted);font-size:18px;line-height:1;background:none;border:none}.modal-body{padding:16px 18px}.modal-foot{padding:12px 18px 18px;display:flex;justify-content:flex-end;gap:10px}.drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#02080e8c;z-index:60;animation:fadeIn .2s}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(620px,94vw);background:linear-gradient(180deg,#081a28,#040d17);border-left:1px solid rgba(56,245,200,.24);box-shadow:-20px 0 60px #00000080;z-index:61;display:flex;flex-direction:column;animation:slideLeft .24s ease}.drawer-head{padding:16px 20px;border-bottom:1px solid rgba(90,170,200,.16);display:flex;align-items:flex-start;gap:10px}.drawer-body{flex:1;overflow-y:auto;padding:16px 20px}.drawer-foot{padding:12px 20px 18px;border-top:1px solid rgba(90,170,200,.16);display:flex;gap:8px;flex-wrap:wrap}.toasts{position:fixed;top:84px;right:24px;z-index:120;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{min-width:230px;max-width:380px;padding:10px 14px;border-radius:3px;font-size:12.5px;line-height:1.5;background:#081c28f5;border:1px solid rgba(56,245,200,.32);color:var(--text);box-shadow:0 10px 30px #0006;animation:slideRight .22s ease}.toast.error{border-color:#ff5d5d73;color:#ffd7d7}.toast.success{border-color:#4cebb073;color:#d7fff2}.photo-banner{position:relative;height:76px;flex:0 0 auto;border-radius:3px;overflow:hidden;border:1px solid rgba(56,245,200,.22);margin-bottom:10px}.photo-banner img{width:100%;height:100%;object-fit:cover;object-position:center 55%;display:block;filter:brightness(.9) saturate(1.05)}.photo-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#030c14eb,#030c1438)}.photo-banner .pb-info{position:absolute;left:10px;bottom:8px;z-index:2;display:flex;flex-direction:column;gap:2px}.photo-banner .pb-tag{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;font-size:8.5px;letter-spacing:1px;color:#04140f;background:#38f5c8d9;padding:1px 5px;border-radius:2px;margin-bottom:2px;font-weight:600}.photo-banner .pb-tag i{width:4px;height:4px;border-radius:50%;background:#04140f;animation:pulse 1.4s infinite}.photo-banner .pb-info b{font-size:11.5px;font-weight:500;color:#eafcff}.photo-banner .pb-info small{font-size:9px;color:#96d2cdcc}.photo-banner.tall{height:96px}.chart{width:100%;height:100%;min-height:100px}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 6px currentColor}50%{opacity:.35;box-shadow:0 0 16px currentColor}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{transform:translate(60px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scanline{0%{transform:translateY(-10%);opacity:0}12%{opacity:.9}88%{opacity:.9}to{transform:translateY(760%);opacity:0}}@keyframes dash{to{stroke-dashoffset:-120}}@keyframes glowPulse{0%,to{opacity:.35}50%{opacity:.85}}@media(max-width:1600px){.dash-grid{grid-template-columns:330px minmax(0,1fr) 348px}.work-grid{grid-template-columns:340px minmax(0,1fr) 360px}.work-grid.wide-left{grid-template-columns:400px minmax(0,1fr) 360px}.title-main{font-size:23px;letter-spacing:3px}.brand,.top-meta{width:290px}}@media(max-width:1360px){.dash-grid{grid-template-columns:300px minmax(0,1fr) 310px}.work-grid,.work-grid.wide-left{grid-template-columns:320px minmax(0,1fr) 330px}.brand,.top-meta{width:240px}.brand-sub,.title-sub{display:none}.kpi-value{font-size:24px}.title-wrap:before,.title-wrap:after{display:none}}@media(max-width:1180px){.dash-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;overflow-y:auto}.dash-col{grid-template-rows:repeat(3,minmax(240px,auto))}.kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.work-grid,.work-grid.wide-left{grid-template-columns:minmax(0,1fr);overflow-y:auto}.stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.title-wrap{display:none}body{overflow:auto}}