:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0}body{color:#eaf3ff;background:#0a101b;font-family:Segoe UI,Noto Sans TC,sans-serif}.shell{flex-direction:column;min-height:100vh;display:flex}.top{background:#0d1725;border-bottom:1px solid #1c2c42;justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.brand{align-items:baseline;gap:10px;display:flex}.logo{color:#36d5ee;letter-spacing:-2px}.name{font-size:18px;font-weight:700}.sub{color:#7d93ad;font-size:13px}.group{color:#36d5ee;margin-left:14px;font-size:13px}.top-right{align-items:center;gap:10px;display:flex}.langsel{color:#a6b6ca;background:#101b2b;border:1px solid #31516f;border-radius:8px;padding:6px 10px;font-size:13px}.ghost{color:#a6b6ca;cursor:pointer;background:0 0;border:1px solid #31516f;border-radius:8px;padding:6px 14px}.banner{padding:10px 22px;font-size:14px}.banner.warn{color:#f1b957;background:#3a2c10;border-bottom:1px solid #f1b95744}.banner.bad{color:#ff5d67;background:#3a1013;border-bottom:1px solid #ff5d6744}.center{flex:1;justify-content:center;align-items:center;padding:30px;display:flex}.card{background:#0d1725;border:1px solid #22344d;border-radius:14px;padding:22px}.login{flex-direction:column;gap:14px;width:340px;display:flex}.login h2{color:#eaf3ff;font-size:16px}.login label{color:#7d93ad;flex-direction:column;gap:6px;font-size:13px;display:flex}.login input{color:#eaf3ff;background:#101b2b;border:1px solid #31516f;border-radius:8px;padding:10px 12px;font-size:14px}.primary{color:#08131f;cursor:pointer;background:linear-gradient(90deg,#8f7cff,#36d5ee);border:none;border-radius:8px;padding:10px;font-size:14px;font-weight:700}.primary:disabled{opacity:.5}.err{color:#ff5d67;font-size:13px}.main{flex:1;padding:18px 22px}.tabs{align-items:center;gap:10px;margin-bottom:18px;display:flex}.tabs button{color:#a6b6ca;cursor:pointer;background:#101b2b;border:1px solid #31516f;border-radius:9px;padding:8px 18px;font-size:14px}.tabs button.on{color:#36d5ee;border-color:#36d5ee}.expires{color:#566980;margin-left:auto;font-size:13px}.wall{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.store{flex-direction:column;gap:8px;display:flex}.row1{align-items:center;gap:8px;margin-bottom:4px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot.ok{background:#3dda9f;box-shadow:0 0 8px #3dda9f}.dot.off{background:#566980}.serial{font-family:Consolas,monospace;font-size:14px}.state{color:#7d93ad;margin-left:auto;font-size:12px}.kv{color:#566980;justify-content:space-between;font-size:13px;display:flex}.kv b{color:#a6b6ca;font-weight:600}.kv.big b{color:#eaf3ff;font-size:20px}.kv.big b.hot{color:#f1b957}.sev-ok{color:#3dda9f!important}.sev-watch{color:#f1b957!important}.sev-act{color:#ff5d67!important}.alarms{flex-direction:column;gap:16px;display:flex}.bar{align-items:center;gap:10px;display:flex}.total{color:#7d93ad;margin-left:auto;font-size:13px}.chart{background:#0d1725;border:1px solid #22344d;border-radius:12px;align-items:flex-end;gap:6px;height:150px;padding:10px;display:flex;overflow-x:auto}.col{flex-direction:column-reverse;align-items:center;min-width:26px;display:flex}.seg{width:16px}.lv-P0{background:#ff5d67}.lv-P1{background:#f1b957}.lv-P2{background:#4aa8ff}.lv-P3{background:#7e8a9b}.dlabel{color:#566980;margin-top:4px;font-size:10px}.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl th{text-align:left;color:#566980;border-bottom:1px solid #22344d;padding:8px 10px;font-weight:600}.tbl td{border-bottom:1px solid #14243a;padding:8px 10px}.mono{font-family:Consolas,monospace}.pill{border:1px solid;border-radius:7px;padding:1px 8px;font-size:12px;background:0 0!important}.pill.lv-P0{color:#ff5d67}.pill.lv-P1{color:#f1b957}.pill.lv-P2{color:#4aa8ff}.pill.lv-P3{color:#7e8a9b}.empty{color:#566980;text-align:center;padding:40px}.searchform{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filelab{color:#a6b6ca;cursor:pointer;border:1px dashed #31516f;border-radius:8px;padding:9px 14px;font-size:13px}.filelab input{display:none}.notein{color:#eaf3ff;background:#101b2b;border:1px solid #31516f;border-radius:8px;flex:1;min-width:180px;padding:9px 12px;font-size:13px}.searchform .primary{width:auto;padding:9px 18px}.refonly{color:#566980;width:100%;font-size:12px}.ghost.small{cursor:pointer;padding:4px 10px;font-size:12px}.hot{color:#f1b957!important}.storechips{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.chip{color:#a6b6ca;border:1px solid #31516f;border-radius:9px;padding:4px 10px;font-family:Consolas,monospace;font-size:12px}.chip.st-DONE{color:#3dda9f;border-color:#3dda9f}.chip.st-FAILED{color:#ff5d67;border-color:#ff5d67}.clipbtn{color:#6ee7ff;border-color:#31516f}.clipwait{color:#f1b957;font-size:12px}.clipfail{color:#566980;font-size:12px}.clipmask{z-index:60;background:#040a12d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.clipbox{background:#0d1726;border:1px solid #31516f;border-radius:12px;flex-direction:column;align-items:center;gap:10px;width:92%;max-width:720px;padding:14px;display:flex}.clipbox video{background:#000;border-radius:8px;width:100%}.namein{color:#eaf3ff;background:#101b2b;border:1px solid #31516f;border-radius:6px;flex:1;min-width:120px;padding:4px 8px;font-size:13px}.serial.named{color:#eaf3ff;letter-spacing:0;font-family:inherit;font-weight:600}.editname{color:#566980;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:13px}.editname:hover{color:#6ee7ff}.kv.sub b{color:#566980;font-size:11px;font-weight:400}.cliphint{color:#566980;font-size:12px}