@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-primary: #4f6ef7;--color-primary-light: #7b93fa;--color-primary-dark: #3a56d4;--color-primary-bg: rgba(79, 110, 247, .08);--color-primary-border: rgba(79, 110, 247, .2);--color-bg-body: #f7f8fc;--color-bg-white: #ffffff;--color-bg-card: #ffffff;--color-bg-subtle: #f1f3f9;--color-bg-hover: #eef0f7;--color-text-primary: #1a1d2e;--color-text-secondary: #5a6178;--color-text-muted: #9098b1;--color-text-placeholder: #b4bcd0;--color-accent-success: #22c55e;--color-accent-warning: #f59e0b;--color-accent-error: #ef4444;--color-accent-info: #3b82f6;--color-border: #e2e6f0;--color-border-light: #edf0f7;--color-border-focus: var(--color-primary);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .03);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04);--shadow-xl: 0 24px 60px rgba(0, 0, 0, .1), 0 8px 20px rgba(0, 0, 0, .05);--shadow-primary: 0 8px 24px rgba(79, 110, 247, .25);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--color-bg-body);color:var(--color-text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}button{cursor:pointer;border:none;background:none;font-family:inherit}input{font-family:inherit}::selection{background:var(--color-primary-bg);color:var(--color-primary-dark)}.amap-logo,.amap-copyright{width:1px!important;height:1px!important;overflow:hidden!important}.login-page{--login-cyan: #25d4ff;--login-blue: #167cff;position:relative;min-width:1100px;height:100vh;min-height:700px;overflow:hidden;color:#dff7ff;background:radial-gradient(ellipse at 50% 48%,rgba(0,126,209,.3),transparent 31%),radial-gradient(ellipse at 50% 100%,rgba(15,107,180,.28),transparent 45%),linear-gradient(180deg,#031b3c,#020d22 48%,#020918);font-family:Microsoft YaHei,Segoe UI,sans-serif}.login-page *{box-sizing:border-box}.login-scene,.login-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.login-grid{opacity:.42;background-image:linear-gradient(rgba(38,157,226,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(38,157,226,.055) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.45) 68%,transparent);mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.45) 68%,transparent)}.login-scene:before{content:"";position:absolute;left:0;right:0;top:28%;height:1px;background:linear-gradient(90deg,transparent,rgba(33,185,255,.35),transparent);box-shadow:0 0 18px #16a4ff66}.login-scene:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-29%;height:58%;border:1px solid rgba(31,145,211,.15);border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0,transparent 49px,rgba(34,136,199,.09) 50px,transparent 51px);transform:perspective(500px) rotateX(67deg)}.login-orbit{position:absolute;left:50%;top:52%;border:1px solid rgba(39,170,236,.16);border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{width:760px;height:330px;animation:login-orbit 16s linear infinite}.orbit-two{width:1040px;height:460px;border-style:dashed;animation:login-orbit 25s linear infinite reverse}@keyframes login-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}.login-beam{position:absolute;top:20%;width:1px;height:66%;background:linear-gradient(transparent,rgba(52,188,255,.24),transparent)}.beam-left{left:17%;transform:rotate(31deg)}.beam-right{right:17%;transform:rotate(-31deg)}.campus-silhouette{position:absolute;left:0;right:0;bottom:0;height:24%;opacity:.3;background:linear-gradient(90deg,transparent 3%,#061e3b 3% 12%,transparent 12% 14%,#082643 14% 30%,transparent 30% 34%,#061f3d 34% 43%,transparent 43% 58%,#061f3d 58% 69%,transparent 69% 72%,#082643 72% 88%,transparent 88% 91%,#061e3b 91% 98%,transparent 98%);clip-path:polygon(0 57%,4% 57%,4% 35%,8% 35%,8% 18%,11% 18%,11% 64%,18% 64%,18% 32%,23% 32%,23% 6%,27% 6%,27% 64%,36% 64%,36% 42%,40% 42%,40% 23%,44% 23%,44% 64%,57% 64%,57% 18%,62% 18%,62% 41%,66% 41%,66% 64%,73% 64%,73% 8%,79% 8%,79% 39%,85% 39%,85% 64%,91% 64%,91% 27%,96% 27%,96% 64%,100% 64%,100% 100%,0 100%)}.login-system-title{position:absolute;z-index:4;top:46px;left:50%;display:flex;align-items:center;gap:24px;transform:translate(-50%);white-space:nowrap}.login-system-title>div{display:flex;flex-direction:column;align-items:center}.login-system-title small{margin-bottom:8px;color:#38b5e7;font:9px/1 Courier New,monospace;letter-spacing:4px}.login-system-title h1{color:#eefcff;font-size:32px;line-height:1;letter-spacing:8px;text-shadow:0 0 10px rgba(39,196,255,.95),0 0 32px rgba(16,111,227,.7)}.title-line{width:120px;height:12px;border-top:1px solid rgba(47,195,255,.85);border-bottom:1px solid rgba(47,195,255,.22);transform:skew(-43deg);box-shadow:inset 0 5px 9px #20a3ef1f}.title-line.right{transform:skew(43deg)}.login-stage{position:relative;z-index:3;width:100%;height:100%;display:grid;place-items:center;padding-top:55px}.login-console{position:relative;width:430px;min-height:465px;padding:25px 36px 28px;background:linear-gradient(145deg,#0d3b6bf0,#04193bf7);border:1px solid rgba(43,204,255,.7);clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px);box-shadow:0 0 38px #0097ff3b,inset 0 0 42px #1985d61f;animation:console-entry .55s ease-out}@keyframes console-entry{0%{opacity:0;transform:translateY(16px) scale(.97)}}.login-console:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;pointer-events:none;border:1px solid rgba(39,147,207,.16);clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px)}.console-glow{position:absolute;left:18%;right:18%;bottom:-2px;height:3px;background:linear-gradient(90deg,transparent,#36d9ff,transparent);filter:drop-shadow(0 0 8px #20c6ff)}.console-corner{position:absolute;z-index:2;width:28px;height:28px;border-color:#3bd8ff;filter:drop-shadow(0 0 5px #26bff4)}.corner-tl{top:0;left:0;border-top:2px solid;border-left:2px solid}.corner-tr{top:0;right:0;border-top:2px solid;border-right:2px solid}.corner-bl{bottom:0;left:0;border-bottom:2px solid;border-left:2px solid}.corner-br{bottom:0;right:0;border-bottom:2px solid;border-right:2px solid}.login-console-head{display:flex;align-items:center;justify-content:center;gap:12px;margin:3px 0 31px}.head-wing{width:47px;height:8px;border-top:1px solid rgba(49,192,246,.65);transform:skew(-38deg)}.head-wing.right{transform:skew(38deg)}.console-title{display:flex;align-items:center;gap:8px;color:var(--login-cyan)}.console-title>div{display:flex;flex-direction:column;align-items:center}.console-title h2{color:#e7f9ff;font-size:21px;line-height:1.1;letter-spacing:5px;text-shadow:0 0 9px rgba(42,200,255,.65)}.console-title small{margin-top:5px;color:#4897ba;font:7px/1 Courier New,monospace;letter-spacing:1.4px}.tech-login-form{position:relative;z-index:3}.tech-field{position:relative;height:52px;display:flex;align-items:center;margin-bottom:20px;overflow:hidden;color:#67b7d9;border:1px solid rgba(62,171,224,.43);background:linear-gradient(90deg,#0b497dd1,#083360b8);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:.2s ease}.tech-field:focus-within{color:#dff9ff;border-color:var(--login-cyan);box-shadow:0 0 14px #23c2ff2e,inset 0 0 16px #1a92dc24}.field-icon{width:47px;display:grid;place-items:center;flex-shrink:0}.field-divider{width:1px;height:24px;background:#5cbfe659}.tech-field input{flex:1;min-width:0;height:100%;padding:0 15px;color:#edfaff;border:0;outline:0;background:transparent;font-size:14px}.tech-field input::placeholder{color:#719ab1}.tech-field input:disabled{opacity:.55}.field-focus-line{position:absolute;left:50%;right:50%;bottom:0;height:2px;background:var(--login-cyan);box-shadow:0 0 8px var(--login-cyan);transition:.25s ease}.tech-field:focus-within .field-focus-line{left:0;right:0}.password-toggle{position:static;width:42px;height:100%;display:grid;place-items:center;color:#568eaa;background:transparent}.password-toggle:hover{color:#dff9ff;background:#1e8bca1f}.login-options{display:flex;align-items:center;justify-content:space-between;margin:-2px 1px 29px;color:#6f9bb2;font-size:11px}.tech-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.tech-checkbox input{position:absolute;opacity:0;pointer-events:none}.checkbox-ui{width:15px;height:15px;display:grid;place-items:center;border:1px solid rgba(75,175,219,.55);background:#052a4ea6}.checkbox-ui i{width:7px;height:4px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;opacity:0;transform:translateY(-1px) rotate(-45deg)}.tech-checkbox input:checked+.checkbox-ui{border-color:var(--login-cyan);background:#168bc8;box-shadow:0 0 7px #25d4ff66}.tech-checkbox input:checked+.checkbox-ui i{opacity:1}.login-options button{color:#67b9dc;background:transparent;font-size:11px}.login-options button:hover{color:#e9faff;text-shadow:0 0 7px var(--login-cyan)}.tech-login-button{position:relative;width:100%;height:49px;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;border:1px solid #41d8ff;background:linear-gradient(90deg,#0873c1,#16a9e9 50%,#0873c1);box-shadow:0 0 18px #12abef47,inset 0 0 12px #ffffff14;font-size:15px;font-weight:700;letter-spacing:8px;text-indent:8px;transition:.2s ease;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.tech-login-button:hover:not(:disabled){filter:brightness(1.18);box-shadow:0 0 25px #1dbfff75;transform:translateY(-1px)}.tech-login-button:disabled{cursor:wait;opacity:.7}.button-scan{position:absolute;top:0;bottom:0;left:-35%;width:24%;transform:skew(-25deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);animation:button-scan 3.2s infinite}@keyframes button-scan{70%,to{left:120%}}.login-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.28);border-top-color:#fff;border-radius:50%;animation:login-spin .65s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}.secure-tip{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:6px;color:#416f88;font:8px/1 Courier New,monospace;letter-spacing:.3px}.secure-tip b{color:#397b9c;font-weight:400}.secure-dot{width:5px;height:5px;border-radius:50%;background:#31e4a3;box-shadow:0 0 6px #31e4a3}.login-error{display:flex;align-items:center;gap:8px;min-height:36px;padding:7px 10px;margin:-15px 0 13px;color:#ff9ba8;border:1px solid rgba(255,82,106,.34);background:#84142b2b;font-size:11px;animation:login-shake .35s ease}@keyframes login-shake{25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.captcha-row{display:flex;align-items:stretch;gap:10px;margin-bottom:20px}.captcha-input-field{flex:1;margin-bottom:0!important}.captcha-img-btn{position:relative;flex-shrink:0;width:140px;height:52px;padding:0;overflow:hidden;border:1px solid rgba(62,171,224,.43);background:linear-gradient(90deg,#0b497dd1,#083360b8);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);cursor:pointer;transition:border-color .2s,box-shadow .2s}.captcha-img-btn:hover:not(:disabled){border-color:var(--login-cyan);box-shadow:0 0 12px #23c2ff33}.captcha-img-btn:disabled{cursor:wait;opacity:.6}.captcha-img{display:block;width:100%;height:100%;object-fit:cover}.captcha-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#3a8fb5}.captcha-refresh-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#dff9ff;background:#04193c8c;opacity:0;transition:opacity .2s;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.captcha-img-btn:hover:not(:disabled) .captcha-refresh-hint{opacity:1}.captcha-spinner{display:block;width:22px;height:22px;margin:auto;border:2px solid rgba(56,181,231,.25);border-top-color:var(--login-cyan);border-radius:50%;animation:login-spin .65s linear infinite}.login-footer{position:absolute;z-index:4;left:50%;bottom:22px;display:flex;align-items:center;gap:14px;color:#315c75;font:9px/1 Courier New,monospace;letter-spacing:.7px;transform:translate(-50%);white-space:nowrap}.login-footer i{width:3px;height:3px;border-radius:50%;background:#2c7ba0}.login-modal-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#000713c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.login-modal{width:360px;padding:26px;text-align:center;color:#8db9cf;border:1px solid rgba(38,190,246,.55);background:linear-gradient(145deg,#092344,#030f27);box-shadow:0 20px 65px #000000a6,inset 0 0 25px #1984d114;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}.modal-alert-icon{width:48px;height:48px;margin:0 auto 10px;display:grid;place-items:center;color:#ffb957;border:1px solid rgba(255,185,87,.45);border-radius:50%;box-shadow:0 0 15px #ffb9571a}.login-modal small{color:#397e9e;font:8px/1 Courier New,monospace;letter-spacing:2px}.login-modal h3{margin-top:7px;color:#e9f9ff;font-size:18px}.login-modal p{margin:12px 0 20px;color:#6d9bb2;font-size:12px}.login-modal button{padding:8px 28px;color:#e9fbff;border:1px solid rgba(43,207,255,.55);background:#0b6fa97a;font-size:12px}.login-modal button:hover{background:#0f93d3a6}@media (max-height: 780px){.login-system-title{top:25px}.login-system-title h1{font-size:27px}.login-console{min-height:430px;padding-top:20px;padding-bottom:20px;transform:scale(.92)}.login-console-head{margin-bottom:24px}.login-footer{bottom:12px}}.main-layout{--header-height: 92px;min-width:1180px;height:100vh;overflow:hidden;background:#020817;color:#dcefff}.tech-header{height:var(--header-height);position:relative;z-index:500;display:flex;align-items:center;justify-content:space-between;padding:0 22px;overflow:visible;background:linear-gradient(180deg,#081e43fc,#020c21fa);border-bottom:1px solid rgba(31,192,255,.72);box-shadow:0 8px 28px #0081ff2e,inset 0 -1px 18px #009eff1f}.tech-header:after{content:"";position:absolute;left:18%;right:18%;bottom:-3px;height:3px;background:linear-gradient(90deg,transparent,#21c7ff 25%,#eefcff 50%,#21c7ff 75%,transparent);filter:drop-shadow(0 0 7px #23baff)}.tech-header-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(49,180,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(49,180,255,.08) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 46%,transparent 54%,#000);mask-image:linear-gradient(90deg,#000,transparent 46%,transparent 54%,#000)}.system-clock{position:relative;display:flex;flex-direction:column;line-height:1.15;padding-left:12px}.system-clock:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;background:#28c8ff;box-shadow:0 0 8px #28c8ff}.clock-time{font:700 21px/1.1 Courier New,monospace;letter-spacing:2px;color:#effcff;text-shadow:0 0 12px rgba(48,198,255,.75)}.clock-date{margin-top:5px;font-size:11px;letter-spacing:.6px;color:#78a9cb}.system-brand{position:absolute;left:50%;top:50%;min-width:430px;display:flex;align-items:center;justify-content:center;gap:13px;white-space:nowrap;transform:translate(-50%,-50%)}.brand-title-wrap{display:flex;flex-direction:column;align-items:center;line-height:1.1}.brand-title-wrap strong{font-size:clamp(20px,1.55vw,30px);letter-spacing:4px;color:#f4fbff;text-shadow:0 0 8px rgba(62,190,255,.85),0 0 26px rgba(26,121,255,.5)}.brand-kicker{margin-bottom:5px;font:600 8px/1 Courier New,monospace;letter-spacing:3px;color:#42c8ff}.brand-wing{width:clamp(28px,3vw,62px);height:14px;border-top:1px solid #2abfff;border-bottom:1px solid rgba(42,191,255,.35);transform:skew(-38deg);box-shadow:inset 0 5px 10px #1494ff26}.brand-wing.right{transform:skew(38deg)}.header-navigation{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px}.primary-nav{display:flex;gap:6px}.primary-nav-item{min-width:112px;height:38px;padding:0 13px;display:flex;align-items:center;justify-content:center;color:#8eb9d8;font-size:13px;font-weight:600;letter-spacing:.4px;background:linear-gradient(180deg,#10467c57,#041c3f2e);border:1px solid rgba(53,151,220,.28);clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);transition:.2s ease}.primary-nav-item:hover{color:#dcf8ff;background:#1378c459}.primary-nav-item.active{color:#fff;border-color:#31c8ff;background:linear-gradient(180deg,#1296e794,#053f8294);box-shadow:inset 0 0 16px #27beff40,0 0 13px #16a9ff33;text-shadow:0 0 8px #4ccaff}.header-tools{display:flex;align-items:center;gap:5px;padding-left:10px;border-left:1px solid rgba(84,162,216,.25)}.header-tool{width:34px;height:34px;display:grid;place-items:center;color:#7caecc;border:1px solid rgba(57,153,218,.25);border-radius:4px;background:#052a527a;transition:.2s ease}.header-tool:hover,.header-tool.active{color:#effcff;border-color:#31c8ff;background:#1174b480;box-shadow:0 0 12px #2abeff47}.avatar-tool{position:relative;border-radius:50%;margin-left:3px}.avatar-online{position:absolute;right:0;bottom:1px;width:8px;height:8px;border-radius:50%;background:#33e4a2;border:2px solid #061a38;box-shadow:0 0 7px #33e4a2}.settings-popover,.account-popover{position:absolute;right:22px;top:calc(100% + 10px);color:#d8edfc;background:linear-gradient(155deg,#071d3efa,#020e24fc);border:1px solid rgba(45,185,246,.55);border-radius:8px;box-shadow:0 18px 55px #0000008c,inset 0 0 25px #147ed314;animation:popover-in .18s ease-out}@keyframes popover-in{0%{opacity:0;transform:translateY(-8px)}}.settings-popover{width:560px;padding:18px}.popover-heading{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid rgba(70,156,215,.22)}.popover-heading div{display:flex;flex-direction:column}.popover-heading span{font-size:16px;font-weight:700;color:#effbff}.popover-heading small{color:#668eaa;margin-top:3px}.popover-heading button{color:#6f9ab6;font-size:24px;line-height:1}.settings-groups{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:14px}.settings-groups section:last-child{grid-column:1 / -1}.settings-groups h3{margin-bottom:8px;color:#53cfff;font-size:11px;letter-spacing:1px;text-transform:uppercase}.settings-grid{display:grid;grid-template-columns:1fr;gap:5px}.settings-groups section:last-child .settings-grid{grid-template-columns:1fr 1fr}.settings-link{display:grid;grid-template-columns:30px 1fr 14px;align-items:center;gap:8px;padding:8px 9px;color:#9fc1d8;border:1px solid transparent;border-radius:5px;background:#0d396342;font-size:13px}.settings-link:hover{color:#fff;border-color:#2fbef959;background:#1267a647}.settings-link-icon{color:#41c5f8;display:flex}.account-popover{width:245px;padding:10px}.account-summary{display:flex;align-items:center;gap:10px;padding:9px 8px 14px;margin-bottom:7px;border-bottom:1px solid rgba(70,156,215,.2)}.account-avatar{width:38px;height:38px;display:grid;place-items:center;color:#68d7ff;border-radius:50%;background:#1e87cb33;border:1px solid rgba(64,197,245,.35)}.account-summary div{display:flex;flex-direction:column;min-width:0}.account-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#f2fbff}.account-summary small{margin-top:2px;color:#5f91ad}.account-popover>button{width:100%;display:flex;align-items:center;gap:10px;padding:10px;color:#9fc1d8;border-radius:5px;font-size:13px}.account-popover>button:hover{color:#fff;background:#1875b140}.account-popover>button.danger:hover{color:#ff8d9a;background:#b82a4026}.main-content{height:calc(100vh - var(--header-height));min-width:0;overflow:auto;background:#020817}@media (max-width: 1500px){.main-layout{min-width:1180px}.tech-header{padding:0 14px}.system-brand{min-width:390px}.brand-title-wrap strong{letter-spacing:2px}.primary-nav-item{min-width:96px;height:34px;padding:0 7px;font-size:11px}.header-navigation{gap:4px}.header-tools{padding-left:6px}.header-tool{width:30px;height:28px}}.device-symbol.online{color:#41e5a7;border-color:#41e5a78c;box-shadow:0 0 8px #41e5a733}.device-symbol.warning{color:#ffbd55;border-color:#ffbd5599}.status-pill{padding:2px 6px;color:#718b99;border:1px solid rgba(100,129,145,.34);font-size:8px}.status-pill.online{color:#43dfaa;border-color:#43dfaa61;background:#19936c1f}.status-pill.warning{color:#ffc364;border-color:#ffb8486b;background:#9f5c0829}.device-telemetry{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.metric-bar-row{display:grid;grid-template-columns:28px 1fr 30px;align-items:center;gap:4px;color:#52788e;font-size:8px}.metric-bar-row strong{color:#8db7cb;font:9px/1 Courier New,monospace;text-align:right}.metric-bar-track i{display:block;height:100%;background:#2bd2ff;box-shadow:0 0 6px #2bd2ff}.metric-bar-track i.blue{background:#4f80ff;box-shadow:0 0 6px #4f80ff}.metric-bar-track i.red{background:#ff536b;box-shadow:0 0 6px #ff536b}.device-details{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:7px}.device-details span{min-width:0;display:flex;flex-direction:column;color:#476c81;font-size:8px}.command-dashboard{--dash-bg: #020817;--panel-bg: rgba(4, 19, 43, .88);--panel-border: rgba(41, 167, 230, .46);--cyan: #2bd2ff;--blue: #257bff;--green: #31e3a1;--orange: #ffb33f;--red: #ff536b;position:relative;height:100%;min-height:720px;padding:9px 12px 12px;overflow:hidden;color:#cce9f8;background:radial-gradient(circle at 50% 35%,rgba(8,71,136,.24),transparent 38%),linear-gradient(135deg,#020817,#031127 48%,#020817);font-family:Microsoft YaHei,Segoe UI,sans-serif}.command-dashboard *,.command-dashboard *:before,.command-dashboard *:after{box-sizing:border-box}.dashboard-ambient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.36;background-image:linear-gradient(rgba(23,127,194,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(23,127,194,.055) 1px,transparent 1px);background-size:34px 34px}.overview-status-bar{position:relative;height:27px;display:flex;align-items:center;gap:22px;padding:0 12px;margin-bottom:7px;color:#729bb5;border:1px solid rgba(34,135,194,.18);background:#03132a8f;font:11px/1 Courier New,monospace;letter-spacing:.3px}.overview-status-bar span{display:flex;align-items:center;gap:6px;white-space:nowrap}.overview-status-bar i{width:6px;height:6px;border-radius:50%}.overview-status-bar i.online{background:var(--green);box-shadow:0 0 7px var(--green);animation:status-pulse 1.8s infinite}.overview-status-bar b{color:#cbefff;font-weight:600}.overview-status-bar b.warn{color:var(--orange)}.overview-status-bar .overview-sync,.overview-status-bar .overview-error{margin-left:auto}.overview-status-bar .overview-sync{color:var(--cyan)}.overview-status-bar .overview-error{color:#ff7d8d}@keyframes status-pulse{50%{opacity:.35}}.dashboard-grid{position:relative;height:calc(100% - 34px);display:grid;grid-template-columns:minmax(275px,21.5%) minmax(500px,1fr) minmax(315px,24%);gap:9px}.dashboard-column{min-width:0;min-height:0;display:grid;gap:9px}.left-column{grid-template-rows:minmax(0,48%) minmax(0,52%)}.center-column{grid-template-rows:minmax(0,65%) minmax(0,35%)}.right-column{grid-template-rows:minmax(0,32%) minmax(0,35%) minmax(0,33%)}.command-panel{position:relative;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(145deg,#071d3deb,#020d1ff0);border:1px solid var(--panel-border);box-shadow:inset 0 0 24px #0c6fb60f,0 0 15px #003e7c21}.command-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(59,187,255,.025) 1px,transparent 1px),linear-gradient(rgba(59,187,255,.025) 1px,transparent 1px);background-size:18px 18px}.panel-corner{position:absolute;z-index:5;top:-1px;width:34px;height:3px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.panel-corner.top-left{left:-1px}.panel-corner.top-right{right:-1px}.panel-heading{position:relative;z-index:4;height:37px;flex:0 0 37px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid rgba(39,142,204,.25);background:linear-gradient(90deg,rgba(8,77,127,.25),transparent 68%)}.panel-heading>div{display:flex;align-items:center;min-width:0}.panel-title-mark{width:3px;height:15px;margin-right:7px;background:var(--cyan);box-shadow:0 0 7px var(--cyan);transform:skew(-18deg)}.panel-heading h2{color:#e5f8ff;font-size:13px;line-height:1;letter-spacing:.7px;white-space:nowrap}.panel-heading small{margin-left:8px;color:#397c9f;font:8px/1 Courier New,monospace;letter-spacing:.7px;white-space:nowrap}.panel-meta{padding:2px 7px;color:#5cbde4;border:1px solid rgba(51,174,226,.22);background:#0f5c8b2e;font-size:9px;white-space:nowrap}.panel-meta-clickable{cursor:pointer;transition:all .25s ease}.panel-meta-clickable:hover{color:#fff;border-color:#2bd2ffa6;background:#2bd2ff2e;box-shadow:0 0 8px #2bd2ff40;text-shadow:0 0 6px rgba(43,210,255,.5)}.panel-content{position:relative;z-index:2;flex:1;min-height:0;overflow:hidden}.device-scroll,.task-scroll{height:100%;padding:7px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.device-scroll::-webkit-scrollbar,.task-scroll::-webkit-scrollbar,.video-strip::-webkit-scrollbar,.warning-list::-webkit-scrollbar{display:none;width:0;height:0}.overview-device{width:100%;display:block;padding:8px;margin-bottom:6px;text-align:left;color:#a8ccdf;border:1px solid rgba(42,131,187,.25);background:linear-gradient(105deg,#09315494,#04183394);transition:.2s ease}.overview-device:hover,.overview-device.selected{border-color:#2acaffc7;background:linear-gradient(105deg,#0a588b94,#051f41b8);box-shadow:inset 3px 0 #2bd2ff,0 0 10px #1494d224}.overview-device-head{display:flex;align-items:center;gap:8px}.device-symbol{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;color:#6389a2;border:1px solid rgba(90,135,165,.4);border-radius:50%;font-size:10px}.device-symbol.online{color:var(--cyan);border-color:#2bd2ff80;box-shadow:inset 0 0 10px #2bd2ff24}.device-symbol.warning{color:var(--orange);border-color:#ffb33f99}.device-main{min-width:0;flex:1;display:flex;flex-direction:column}.device-main strong{overflow:hidden;color:#e0f4ff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.device-main small{overflow:hidden;margin-top:2px;color:#547d96;font:9px/1.2 Courier New,monospace;text-overflow:ellipsis;white-space:nowrap}.status-pill,.task-status{padding:2px 6px;color:#718da0;border:1px solid rgba(108,139,159,.3);background:#5b73851f;font-size:9px;white-space:nowrap}.status-pill.online,.task-status.running{color:var(--green);border-color:#31e3a159;background:#31e3a114}.status-pill.warning,.task-status.paused{color:var(--orange);border-color:#ffb33f59;background:#ffb33f14}.device-telemetry{display:grid;gap:4px;margin-top:7px}.metric-bar-row{display:grid;grid-template-columns:28px 1fr 34px;align-items:center;gap:5px;color:#587f98;font-size:9px}.metric-bar-row strong{color:#88bdd5;font:9px/1 Courier New,monospace;text-align:right}.metric-bar-track{height:3px;overflow:hidden;background:#3d71933b}.metric-bar-track i{display:block;height:100%;background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.metric-bar-track i.blue{background:#347fff;box-shadow:0 0 6px #347fff}.metric-bar-track i.red{background:var(--red);box-shadow:0 0 6px var(--red)}.device-details{display:grid;grid-template-columns:.9fr .9fr 1.3fr;gap:4px;margin-top:7px;padding-top:6px;border-top:1px solid rgba(55,126,169,.16)}.device-details span{display:flex;flex-direction:column;color:#456d87;font-size:8px}.device-details b{overflow:hidden;margin-top:2px;color:#8db9ce;font-size:9px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.overview-task{padding:8px;margin-bottom:6px;border:1px solid rgba(42,131,187,.23);background:#051f3e9e}.overview-task.running{border-color:#31e3a157;box-shadow:inset 2px 0 0 var(--green)}.task-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.task-head strong{overflow:hidden;color:#dff3fc;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.task-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px;margin-top:7px}.task-data-grid span{min-width:0;display:flex;justify-content:space-between;gap:5px;color:#4f7790;font-size:8px}.task-data-grid span:nth-child(3){grid-column:1 / -1}.task-data-grid b{overflow:hidden;color:#9bc2d5;font-size:9px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.task-actions{display:flex;justify-content:flex-end;gap:5px;margin-top:7px;padding-top:6px;border-top:1px solid rgba(52,119,160,.17)}.task-actions button{min-width:43px;padding:3px 7px;color:#76a8c3;border:1px solid rgba(62,151,203,.3);background:#0e426940;font-size:9px}.task-actions button:hover:not(:disabled){color:#fff;border-color:var(--cyan)}.task-actions button.primary{color:var(--green);border-color:#31e3a152}.task-actions button.danger{color:#ff8795;border-color:#ff536b4d}.task-actions button:disabled{cursor:not-allowed;opacity:.35}.satellite-panel .panel-content,.distribution-panel .panel-content{background:#031025}.campus-map{position:relative;width:100%;height:100%;background:#031025}.campus-map.satellite:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 55px #00091ad9}.campus-map-state{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#5c8ba7;background:radial-gradient(circle,#0a3f674d,#020e22f2)}.campus-map-state strong{margin-top:12px;color:#8bc6e1;font-size:12px}.campus-map-state small{margin-top:4px;color:#426b84;font-size:9px}.map-state-radar{position:relative;width:38px;height:38px;border:1px solid rgba(43,210,255,.55);border-radius:50%;box-shadow:0 0 13px #2bd2ff33,inset 0 0 13px #2bd2ff1f;animation:radar-pulse 1.5s infinite}.map-state-radar:before,.map-state-radar:after{content:"";position:absolute;background:#2bd2ff59}@keyframes radar-pulse{50%{transform:scale(.8);opacity:.55}}.campus-map-marker{position:relative;width:34px;height:34px;display:grid;place-items:center;color:#dffaff;border:1px solid #2bd2ff;border-radius:50%;background:#066297e6;box-shadow:0 0 10px #2bd2ffcc,inset 0 0 8px #fff3;font-size:9px}.campus-map-marker:after{content:"";position:absolute;right:-1px;bottom:-1px;width:7px;height:7px;border:2px solid #071b35;border-radius:50%;background:#687d8e}.campus-map-marker.online:after{background:var(--green);box-shadow:0 0 6px var(--green)}.campus-map-marker.warning:after{background:var(--orange);box-shadow:0 0 6px var(--orange)}.campus-map-marker.selected{transform:scale(1.2);border-color:#fff;z-index:5}.campus-map-marker.drone{color:#f0fbff;background:#1a69d1e6}.campus-map-marker.ship{background:#4841b5e6}.map-legend{position:absolute;z-index:10;right:10px;bottom:9px;display:flex;gap:10px;padding:5px 8px;color:#7ca4bb;background:#020e1fcc;border:1px solid rgba(53,153,209,.25);font-size:9px}.map-legend span{display:flex;align-items:center;gap:4px}.map-legend i{width:6px;height:6px;border-radius:50%}.map-legend i.online{background:var(--green)}.map-legend i.warning{background:var(--orange)}.map-legend i.offline{background:#687d8e}.video-strip-wrap{position:relative;width:100%;height:100%;min-width:0;overflow:hidden}.video-strip{width:100%;height:100%;display:flex;gap:7px;padding:7px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.overview-video-card{min-width:240px;width:240px;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(39,146,202,.32);background:#020b18;cursor:pointer;transition:border-color .25s,box-shadow .25s}.overview-video-card:hover{border-color:#2bd2ffb3;box-shadow:0 0 12px #2bd2ff26}.video-card-head,.video-card-foot{height:25px;flex:0 0 25px;display:flex;align-items:center;justify-content:space-between;padding:0 7px;color:#7097ac;background:#072544e0;font-size:8px}.video-card-head strong{overflow:hidden;max-width:165px;color:#bfe2f2;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.video-card-head span.online{color:var(--green)}.video-card-head span.offline{color:#667f8e}.video-frame{position:relative;flex:1;min-height:0;overflow:hidden;background:#01050c}.video-frame img{width:100%;height:100%;display:block;object-fit:cover}.video-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#365a70;background:radial-gradient(circle,#0f3d5b66,#01060e 68%)}.video-placeholder b{font-size:9px;font-weight:500}.camera-reticle{width:28px;height:28px;border:1px solid #27576f;border-radius:50%;box-shadow:inset 0 0 8px #2aa6e01f}.camera-reticle:before{content:"";display:block;width:8px;height:8px;margin:9px;border:1px solid #3b7693;border-radius:50%}.video-scanline{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.15;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(81,200,255,.35) 4px)}.video-card-foot{color:#436a80;font-family:Courier New,monospace;background:#021225f2}.situation-content{height:100%;display:grid;grid-template-columns:95px 1fr;grid-template-rows:92px minmax(70px,1fr) 45px;gap:4px 10px;padding:7px 9px}.risk-ring{position:relative;width:82px;height:82px;align-self:center;justify-self:center;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--cyan) var(--risk),rgba(37,105,147,.22) 0);box-shadow:0 0 13px #2bd2ff2e}.risk-ring:before{content:"";position:absolute;width:65px;height:65px;border-radius:50%;background:#06172e;box-shadow:inset 0 0 15px #1f89cf38}.risk-ring div{position:relative;display:flex;flex-direction:column;align-items:center}.risk-ring strong{color:#f0fbff;font:700 21px/1 Courier New,monospace;text-shadow:0 0 9px var(--cyan)}.risk-ring span{margin-top:4px;color:#568099;font-size:8px}.risk-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;align-self:center}.risk-summary span{display:flex;flex-direction:column;align-items:center;padding:7px 2px;color:#547d95;background:#0930506b;border:1px solid rgba(39,119,165,.18);font-size:8px}.risk-summary i{width:5px;height:5px;margin-bottom:4px;border-radius:50%}.risk-summary i.cyan{background:var(--cyan)}.risk-summary i.orange{background:var(--orange)}.risk-summary i.green{background:var(--green)}.risk-summary b{margin-top:3px;color:#c3e4f2;font:700 15px/1 Courier New,monospace}.trend-chart{grid-column:1 / -1;display:flex;align-items:flex-end;justify-content:space-around;padding:5px 8px 15px;border-top:1px solid rgba(43,132,181,.15);background:linear-gradient(180deg,rgba(8,46,78,.18),transparent)}.trend-chart div{width:8%;height:100%;display:flex;align-items:flex-end;justify-content:center;position:relative}.trend-chart i{width:9px;min-height:3px;background:linear-gradient(#37d5ff,#1554a6);box-shadow:0 0 6px #2bd2ff4d}.trend-chart span{position:absolute;bottom:-12px;color:#3f687f;font-size:7px;white-space:nowrap}.event-types{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.event-types span{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#466e86;border:1px solid rgba(41,119,161,.16);font-size:7px}.event-types b{margin-top:2px;color:#79b8d4;font:10px/1 Courier New,monospace}.warning-list{height:100%;padding:6px 7px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.warning-item{display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:7px;min-height:42px;padding:5px 7px;margin-bottom:5px;border-left:2px solid #4b738a;background:linear-gradient(90deg,#0b304e94,#05193159)}.warning-item.critical{border-color:var(--red)}.warning-item.high{border-color:var(--orange)}.warning-item.medium{border-color:#ffe15c}.warning-item.low{border-color:var(--cyan)}.warning-level{color:#50768d;font:10px/1 Courier New,monospace}.warning-item div{min-width:0;display:flex;flex-direction:column}.warning-item strong{color:#c6e4f1;font-size:10px}.warning-item small{overflow:hidden;margin-top:2px;color:#466d84;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.warning-item>b{padding:2px 5px;color:#72a9c2;border:1px solid rgba(66,146,187,.2);font-size:8px;font-weight:500;white-space:nowrap}.warning-item.critical>b{color:#ff8795}.warning-item.high>b{color:#ffc469}.overview-empty{width:100%;height:100%;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#345d75}.overview-empty span{color:#357e9f;font-size:22px}.overview-empty p{margin-top:6px;font-size:10px}.overview-modal-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#000510c2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overview-modal{width:620px;color:#b7d9e8;border:1px solid rgba(43,197,250,.62);background:linear-gradient(145deg,#071d3b,#020d21);box-shadow:0 22px 75px #000000a6,inset 0 0 30px #1882cb14}.overview-modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 18px;border-bottom:1px solid rgba(48,151,209,.25);background:#0c426c33}.overview-modal-head small{color:#4388ab;font:8px/1 Courier New,monospace;letter-spacing:1.5px}.overview-modal-head h2{margin-top:5px;color:#e9f9ff;font-size:17px}.overview-modal-head button{color:#6599b6;font-size:24px;line-height:1}.modal-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:18px;background:#368cbd1f}.modal-detail-grid span{display:flex;flex-direction:column;min-height:64px;justify-content:center;padding:10px 12px;color:#537e96;background:#06162d;font-size:10px}.modal-detail-grid b{margin-top:6px;color:#c6e7f5;font-size:12px;font-weight:500}.detail-status.running{color:var(--green)}.detail-status.paused{color:var(--orange)}.modal-loading{height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#56869f;font-size:11px}.overview-confirm{width:380px;padding:24px;text-align:center;color:#9dc4d7;border:1px solid rgba(255,83,107,.45);background:linear-gradient(145deg,#0b1e39,#030c1d);box-shadow:0 22px 75px #000000a6}.confirm-icon{width:42px;height:42px;margin:0 auto 12px;display:grid;place-items:center;color:#ff7b8d;border:1px solid rgba(255,83,107,.5);border-radius:50%;font-size:22px}.overview-confirm h2{color:#f2f9fc;font-size:17px}.overview-confirm p{margin:9px 0 20px;color:#658ca2;font-size:11px}.overview-confirm>div{display:flex;justify-content:center;gap:9px}.overview-confirm button{padding:7px 18px;color:#8db8cd;border:1px solid rgba(55,145,195,.34);background:#0a3a5e59}.overview-confirm button.danger{color:#ff9aa6;border-color:#ff536b6b;background:#891b2e38}@media (max-width: 1500px){.command-dashboard{padding-left:8px;padding-right:8px}.dashboard-grid{grid-template-columns:minmax(260px,21%) minmax(460px,1fr) minmax(300px,24%);gap:7px}.dashboard-column{gap:7px}.overview-video-card{min-width:210px;width:210px}.panel-heading small{display:none}.situation-content{grid-template-columns:82px 1fr;padding-left:5px;padding-right:5px}.risk-ring{width:72px;height:72px}.risk-ring:before{width:57px;height:57px}}.user-management{height:100vh;display:flex;flex-direction:column;background:#fff;overflow:hidden;position:relative}.toast-notification{position:fixed;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:500;z-index:1000;animation:toastSlideIn .3s ease-out;box-shadow:var(--shadow-lg)}.toast-notification.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.toast-notification.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.toast-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.toast-notification.success .toast-icon{background:#22c55e;color:#fff}.toast-notification.error .toast-icon{background:#ef4444;color:#fff}@keyframes toastSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.um-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border-light);flex-shrink:0}.um-header-left{display:flex;align-items:baseline;gap:.75rem}.um-header-right{display:flex;align-items:center;gap:.75rem}.um-search{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-white);transition:all var(--transition-normal);color:var(--color-text-muted)}.um-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.um-search input{border:none;outline:none;font-size:.85rem;color:var(--color-text-primary);background:transparent;width:200px}.um-search input::placeholder{color:var(--color-text-placeholder)}.btn-primary{display:flex;align-items:center;gap:.4rem;padding:.55rem 1.15rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.btn-primary:hover{box-shadow:var(--shadow-primary);transform:translateY(-1px)}.btn-secondary{padding:.55rem 1.15rem;background:var(--color-bg-white);color:var(--color-text-secondary);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.btn-secondary:hover{background:var(--color-bg-subtle);border-color:var(--color-text-placeholder)}.btn-danger{padding:.55rem 1.15rem;background:#ef4444;color:#fff;border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.btn-danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}.um-stats{display:flex;gap:1rem;padding:1rem 1.5rem;flex-shrink:0}.um-stat-card{display:flex;align-items:center;gap:.85rem;padding:1rem 1.25rem;background:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-md);flex:1;transition:all var(--transition-normal)}.um-stat-card:hover{border-color:#4f6ef733;box-shadow:0 2px 12px #4f6ef70f}.um-stat-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.um-stat-icon.total{background:#4f6ef71a;color:var(--color-primary)}.um-stat-icon.active{background:#22c55e1a;color:var(--color-accent-success)}.um-stat-icon.inactive{background:#ef44441a;color:var(--color-accent-error)}.um-stat-info{display:flex;flex-direction:column}.um-stat-number{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);line-height:1}.um-stat-label{font-size:.75rem;color:var(--color-text-muted);margin-top:4px}.um-table-container{flex:1;overflow:auto;padding:0 1.5rem 1.5rem}.um-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden}.um-table thead{background:#f8f9fc}.um-table th{padding:.85rem 1rem;font-size:.78rem;font-weight:600;color:var(--color-text-muted);text-align:left;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border-light);white-space:nowrap}.um-table td{padding:.85rem 1rem;font-size:.85rem;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.um-table tbody tr{transition:background var(--transition-fast)}.um-table tbody tr:hover{background:#4f6ef705}.um-table tbody tr:last-child td{border-bottom:none}.user-cell{display:flex;align-items:center;gap:.6rem}.user-cell-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:600;color:var(--color-primary);flex-shrink:0}.user-cell-name{font-weight:600}.user-nickname{color:var(--color-text-secondary)}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.status-badge.active{background:#22c55e1a;color:#16a34a}.status-badge.inactive{background:#ef44441a;color:#dc2626}.status-dot{width:6px;height:6px;border-radius:50%}.status-badge.active .status-dot{background:#22c55e}.status-badge.inactive .status-dot{background:#ef4444}.time-cell{font-size:.78rem;color:var(--color-text-muted);white-space:nowrap}.action-btns{display:flex;gap:.4rem}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);cursor:pointer;border:none;background:none;transition:all var(--transition-fast)}.action-btn.edit{color:var(--color-primary)}.action-btn.edit:hover{background:var(--color-primary-bg)}.action-btn.delete{color:var(--color-accent-error)}.action-btn.delete:hover{background:#ef44441a}.um-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;color:var(--color-text-muted);gap:1rem}.um-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.um-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;color:var(--color-text-muted);gap:.75rem}.um-empty p{font-size:.9rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:var(--radius-lg);padding:0;width:440px;max-width:90vw;box-shadow:var(--shadow-xl);animation:modalSlideIn .25s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border-light)}.modal-header h2{font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;border:none;background:none;transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-bg-subtle);color:var(--color-text-primary)}.modal-error{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;margin:1rem 1.5rem 0;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm);color:#dc2626;font-size:.82rem}.modal-form{padding:1.25rem 1.5rem}.modal-form-group{margin-bottom:1.15rem}.modal-form-group label{display:block;font-size:.82rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.4rem}.optional-hint{font-weight:400;color:var(--color-text-muted);font-size:.75rem}.modal-form-group input[type=text],.modal-form-group input[type=password]{width:100%;padding:.7rem .9rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:.88rem;color:var(--color-text-primary);outline:none;transition:all var(--transition-normal);font-family:inherit;background:var(--color-bg-white)}.modal-form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.modal-form-group input:disabled{background:var(--color-bg-subtle);color:var(--color-text-muted);cursor:not-allowed}.toggle-switch{display:flex;align-items:center;gap:.75rem}.toggle-switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:24px;background:#d1d5db;border-radius:12px;position:relative;cursor:pointer;transition:background .3s ease;flex-shrink:0}.toggle-switch input:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 1px 3px #00000026}.toggle-switch input:checked{background:var(--color-primary)}.toggle-switch input:checked:after{transform:translate(20px)}.toggle-label{font-size:.85rem;color:var(--color-text-secondary)}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;padding-top:.5rem}.delete-modal{text-align:center;padding:2rem 1.5rem}.delete-icon{margin-bottom:1rem}.delete-modal h3{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.delete-modal p{font-size:.85rem;color:var(--color-text-muted);margin-bottom:1.5rem}.delete-modal .modal-actions{justify-content:center}.um-table-container::-webkit-scrollbar{width:6px;height:6px}.um-table-container::-webkit-scrollbar-track{background:transparent}.um-table-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.um-table-container::-webkit-scrollbar-thumb:hover{background:var(--color-text-placeholder)}@media (max-width: 768px){.um-header{flex-direction:column;align-items:flex-start;gap:1rem;height:auto}.um-header-right{width:100%;flex-direction:column;align-items:stretch}.um-search,.um-search input{width:100%}.um-stats{flex-direction:column}.btn-primary{justify-content:center}}.device-management{padding:2rem;animation:fadeIn .4s ease-out;color:#1e293b;height:100%;overflow-y:auto;box-sizing:border-box}.dm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-light)}.dm-header-left{display:flex;align-items:baseline;gap:.75rem}.dm-header h1,.dm-header .page-title{font-size:1.3rem;font-weight:700;margin:0;color:var(--color-text-primary);letter-spacing:-.02em}.dm-header .page-subtitle{font-size:.82rem;color:var(--color-text-muted)}.dm-btn-scan{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;box-shadow:0 4px 6px -1px #3b82f633}.dm-btn-scan:hover{background:#2563eb;transform:translateY(-1px)}.dm-device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;align-items:start}.dm-device-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column}.dm-device-card:hover{transform:translateY(-3px);border-color:#93c5fd;box-shadow:0 10px 25px -5px #0000001a}.dm-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.dm-device-title{display:flex;align-items:center;gap:1rem}.dm-device-icon{width:44px;height:44px;border-radius:10px;background:#eff6ff;display:flex;align-items:center;justify-content:center;color:#3b82f6;font-size:1.5rem}.dm-device-name{font-size:1.1rem;font-weight:600;margin:0;color:#1e293b}.dm-device-ip{font-size:.85rem;color:#64748b;margin:0;font-family:monospace}.dm-device-status{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.05em}.dm-device-status.online{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.dm-device-status.offline{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.dm-device-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem;flex:1}.dm-stat-item{display:flex;flex-direction:column;gap:.4rem}.dm-stat-label{font-size:.8rem;color:#64748b;display:flex;align-items:center;gap:.4rem}.dm-stat-value{font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:.5rem;color:#334155}.dm-stat-bar-container{width:100%;height:6px;background:#f1f5f9;border-radius:3px;margin-top:.25rem;overflow:hidden}.dm-stat-bar{height:100%;border-radius:3px;transition:width 1s ease,background-color .5s ease}.dm-device-gps{margin-bottom:1.5rem;font-size:.85rem;color:#475569;background:#f8fafc;padding:.75rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;border:1px solid #e2e8f0}.dm-device-actions{display:flex;gap:.75rem;border-top:1px solid #e2e8f0;padding-top:1.25rem;margin-top:auto}.dm-btn-icon{background:#f8fafc;border:1px solid #e2e8f0;color:#475569;flex:1;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s;font-size:.9rem;font-weight:500}.dm-btn-icon:hover{background:#e2e8f0;color:#1e293b}.dm-btn-icon.delete:hover{background:#fee2e2;color:#ef4444;border-color:#fecaca}.dm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.dm-modal{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a;overflow:hidden;animation:dmModalPop .3s ease-out}.dm-modal-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.dm-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#0f172a}.dm-modal-close{background:none;border:none;color:#64748b;cursor:pointer;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.dm-modal-close:hover{color:#1e293b;background:#e2e8f0}.dm-modal-body{padding:1.5rem;max-height:60vh;overflow-y:auto}.dm-wifi-list{display:flex;flex-direction:column;gap:.75rem}.dm-wifi-item{background:#fff;border:1px solid #e2e8f0;padding:1rem;border-radius:12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s}.dm-wifi-item:hover{background:#f8fafc;border-color:#93c5fd}.dm-wifi-item-info{display:flex;flex-direction:column;gap:.25rem}.dm-wifi-ssid{font-weight:600;font-size:1rem;color:#1e293b}.dm-wifi-ip{color:#64748b;font-size:.8rem;font-family:monospace}.dm-wifi-item-action{background:#eff6ff;color:#3b82f6;font-size:.85rem;font-weight:500;padding:.4rem .8rem;border-radius:6px;transition:all .2s}.dm-wifi-item:hover .dm-wifi-item-action{background:#3b82f6;color:#fff}.dm-scan-status{text-align:center;padding:2.5rem 0}.dm-scan-spinner{width:40px;height:40px;border:3px solid #eff6ff;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s cubic-bezier(.4,0,.2,1) infinite;margin:0 auto 1rem}.dm-scan-status p{color:#64748b;font-size:1rem}@keyframes dmModalPop{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.dm-form-group{margin-bottom:1.25rem}.dm-form-group label{display:block;margin-bottom:.5rem;color:#475569;font-size:.9rem;font-weight:500}.dm-form-group input,.dm-form-group select{width:100%;padding:.75rem 1rem;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#1e293b;font-size:.95rem;transition:all .2s;box-sizing:border-box}.dm-form-group input:focus,.dm-form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dm-modal-footer{padding:1.25rem 1.5rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:.75rem;background:#f8fafc}.dm-btn-cancel{padding:.6rem 1.25rem;background:#fff;color:#475569;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:500}.dm-btn-cancel:hover{background:#f1f5f9}.dm-btn-submit{padding:.6rem 1.25rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:500}.dm-btn-submit:hover{background:#2563eb}.dm-header-actions{display:flex;gap:.75rem}.dm-btn-add{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;box-shadow:0 4px 6px -1px #22c55e33}.dm-btn-add:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px)}.dm-stat-time{font-size:.85rem!important;font-weight:500!important}.dm-device-extra{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.dm-extra-tag{background:#eff6ff;color:#3b82f6;padding:.3rem .6rem;border-radius:6px;font-size:.75rem;font-weight:500;border:1px solid #bfdbfe;white-space:nowrap;flex-grow:1;text-align:center}.dm-form-hint{display:block;font-size:.78rem;color:#94a3b8;margin-top:.3rem}.dm-form-error{color:#ef4444;font-size:.85rem;margin:.5rem 0 0;padding:.5rem .75rem;background:#fef2f2;border-radius:6px;border:1px solid #fecaca}.dm-btn-icon.token:hover{background:#eff6ff;color:#3b82f6;border-color:#bfdbfe}.dm-modal-wide{max-width:650px}.dm-token-desc{color:#64748b;font-size:.88rem;margin:0 0 1rem;line-height:1.5}.dm-token-new{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.dm-token-new p{color:#166534;font-size:.85rem;margin:0 0 .5rem;font-weight:500}.dm-token-code{display:block;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.5rem .75rem;font-family:JetBrains Mono,Consolas,monospace;font-size:.78rem;color:#1e293b;word-break:break-all;-webkit-user-select:all;user-select:all}.dm-token-list{display:flex;flex-direction:column;gap:.75rem}.dm-token-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem}.dm-token-value{display:block;font-family:JetBrains Mono,Consolas,monospace;font-size:.72rem;color:#475569;word-break:break-all;margin-bottom:.4rem}.dm-token-meta{display:flex;gap:.75rem;font-size:.75rem;color:#94a3b8;flex-wrap:wrap}.dm-token-status{padding:.15rem .5rem;border-radius:4px;font-weight:600;font-size:.72rem}.dm-token-status.active{background:#dcfce7;color:#166534}.dm-token-status.inactive{background:#fee2e2;color:#991b1b}.dm-delete-modal{text-align:center;padding:2rem 1.5rem}.dm-delete-icon{margin-bottom:1rem}.dm-delete-modal h3{font-size:1.1rem;font-weight:600;color:#0f172a;margin:0 0 .5rem}.dm-delete-modal p{font-size:.85rem;color:#64748b;margin:0 0 1.5rem}.dm-btn-delete{padding:.6rem 1.25rem;background:#ef4444;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:500}.dm-btn-delete:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}.dm-expand-btn{width:100%;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:.5rem;font-size:.82rem;color:#64748b;cursor:pointer;transition:all .2s;font-weight:500;margin-bottom:1rem}.dm-expand-btn:hover{background:#eff6ff;border-color:#93c5fd;color:#3b82f6}.dm-sys-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.75rem;animation:dmSysPanelIn .3s ease-out}@keyframes dmSysPanelIn{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:2000px;transform:translateY(0)}}.dm-sys-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1rem}.dm-sys-section-title{font-size:.82rem;font-weight:600;color:#334155;margin-bottom:.6rem;padding-bottom:.4rem;border-bottom:1px solid #f1f5f9}.dm-sys-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.dm-sys-label{font-size:.78rem;color:#64748b;font-weight:500}.dm-sys-value{font-size:.78rem;font-weight:600;color:#334155;font-family:JetBrains Mono,Consolas,monospace}.dm-sys-bar-track{width:100%;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;margin-bottom:.4rem}.dm-sys-bar-fill{height:100%;border-radius:3px;transition:width .6s ease,background .4s ease}.dm-sys-cores{display:flex;flex-direction:column;gap:.25rem;margin:.4rem 0}.dm-sys-core{display:flex;align-items:center;gap:.4rem}.dm-sys-core-label{font-size:.7rem;color:#94a3b8;width:24px;flex-shrink:0;text-align:right;font-family:JetBrains Mono,Consolas,monospace}.dm-sys-core-bar-track{flex:1;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.dm-sys-core-bar-fill{height:100%;border-radius:2px;transition:width .6s ease,background .4s ease}.dm-sys-core-pct{font-size:.68rem;color:#94a3b8;width:32px;flex-shrink:0;text-align:right;font-family:JetBrains Mono,Consolas,monospace}.dm-sys-meta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.3rem}.dm-sys-meta span{font-size:.72rem;color:#94a3b8;background:#f1f5f9;padding:.15rem .5rem;border-radius:4px}.dm-sys-nic{padding:.4rem 0;border-bottom:1px solid #f1f5f9}.dm-sys-nic:last-child{border-bottom:none;padding-bottom:0}.dm-sys-nic-name{display:flex;align-items:center;gap:.4rem;font-weight:600!important;font-family:JetBrains Mono,Consolas,monospace}.dm-sys-nic-status{font-size:.65rem;font-weight:700;padding:.1rem .35rem;border-radius:3px;letter-spacing:.05em}.dm-sys-nic-status.up{background:#dcfce7;color:#166534}.dm-sys-nic-status.down{background:#fee2e2;color:#991b1b}.dm-sys-nic-stats{display:flex;gap:1rem;margin-top:.3rem;align-items:center}.dm-sys-nic-stat{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#475569;font-family:JetBrains Mono,Consolas,monospace}.dm-sys-nic-arrow{font-weight:700;font-size:.85rem}.dm-sys-nic-arrow.up{color:#22c55e}.dm-sys-nic-arrow.down{color:#3b82f6}.dm-sys-nic-err{font-size:.72rem;color:#ef4444;font-weight:500}.dm-sys-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.dm-sys-info-item{display:flex;flex-direction:column;gap:.15rem}.dm-sys-info-label{font-size:.72rem;color:#94a3b8;font-weight:500}.dm-sys-info-value{font-size:.8rem;font-weight:600;color:#334155}@media (max-width: 768px){.device-management{padding:1rem}.dm-header{flex-direction:column;align-items:flex-start;gap:1rem}.dm-header-actions{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap}.dm-device-grid{grid-template-columns:1fr;gap:1rem}.dm-device-stats{grid-template-columns:1fr}.dm-btn-scan,.dm-btn-add{flex:1;justify-content:center}.dm-sys-info-grid{grid-template-columns:1fr}}.device-control-page{padding:1.5rem 2rem;max-width:1600px;margin:0 auto;animation:fadeIn .4s ease-out}.dc-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-light)}.dc-header .page-title{font-size:1.3rem;font-weight:700;color:var(--color-text-primary);margin:0;letter-spacing:-.02em}.dc-header .page-subtitle{font-size:.82rem;color:var(--color-text-muted)}.dc-selector-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.2rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000d}.dc-selector-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.dc-selector-left{flex:1;min-width:300px}.dc-selector-left h2{font-size:.85rem;color:#64748b;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.dc-select{width:100%;padding:.65rem 1rem;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#1e293b;font-size:.9rem;outline:none;cursor:pointer;transition:all .2s}.dc-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dc-selector-right{display:flex;align-items:center;gap:1rem}.dc-btn-test{padding:.65rem 1.2rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 2px 4px #3b82f633}.dc-btn-test:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.dc-btn-test:disabled{opacity:.5;cursor:not-allowed}.dc-connection-status{font-size:.88rem;font-weight:600;white-space:nowrap}.dc-device-info{display:flex;gap:1.5rem;margin-top:.8rem;padding-top:.8rem;border-top:1px solid #e2e8f0;font-size:.82rem;color:#64748b}.dc-main-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.dc-camera-panel{position:sticky;top:1rem}.dc-camera-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.dc-camera-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fff;border-bottom:1px solid #e2e8f0}.dc-camera-title{display:flex;align-items:center;gap:.5rem;color:#0f172a;font-size:.88rem;font-weight:600}.dc-camera-title svg{color:#3b82f6}.dc-live-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .5rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:4px;color:#ef4444;font-size:.7rem;font-weight:700;letter-spacing:.05em;animation:livePulse 2s ease-in-out infinite}.dc-live-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;animation:liveDotPulse 1.5s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes liveDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.dc-camera-actions{display:flex;gap:.4rem}.dc-camera-btn{padding:.3rem .5rem;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:.85rem;transition:all .2s;line-height:1}.dc-camera-btn:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.dc-camera-btn:disabled{opacity:.3;cursor:not-allowed}.dc-camera-viewport{position:relative;width:100%;aspect-ratio:4 / 3;background:#f1f5f9;overflow:hidden}.dc-camera-stream{width:100%;height:100%;object-fit:contain;display:block}.dc-camera-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;color:#94a3b8}.dc-camera-overlay.error{color:#ef4444}.dc-camera-overlay.error svg{stroke:#ef4444}.dc-camera-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.dc-camera-overlay-text{font-size:.85rem;text-align:center;max-width:80%}.dc-camera-retry-btn{padding:.4rem 1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#3b82f6;font-size:.82rem;cursor:pointer;transition:all .2s}.dc-camera-retry-btn:hover{background:#dbeafe}.dc-camera-info-bar{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:.4rem .8rem;background:linear-gradient(transparent,#00000080);color:#fff;font-size:.72rem;font-family:JetBrains Mono,Consolas,monospace}.dc-control-panel{display:flex;flex-direction:column;gap:1.5rem}.dc-control-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.dc-control-card h3{font-size:1.05rem;color:#0f172a;margin:0 0 .5rem}.dc-control-desc{font-size:.82rem;color:#64748b;margin:0 0 1rem;line-height:1.5}.dc-speed-control{margin-bottom:1.2rem;padding:.8rem 1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.dc-speed-control label{font-size:.85rem;color:#334155;display:block;margin-bottom:.4rem}.dc-speed-control label strong{color:#3b82f6}.dc-speed-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e2e8f0;border-radius:3px;outline:none;margin:.3rem 0}.dc-speed-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);cursor:pointer;box-shadow:0 2px 6px #3b82f64d}.dc-speed-info{display:flex;justify-content:space-between;font-size:.75rem;color:#64748b;margin-top:.3rem}.dc-numpad-container{display:flex;justify-content:center;margin-bottom:1rem}.dc-numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:280px;width:100%}.dc-num-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.7rem .4rem;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#334155;cursor:pointer;transition:all .15s;min-height:64px;user-select:none;-webkit-user-select:none;touch-action:none}.dc-num-btn:hover:not(:disabled){background:#eff6ff;border-color:#bfdbfe;transform:scale(1.02)}.dc-num-btn:active:not(:disabled),.dc-num-btn.active{background:#dbeafe!important;border-color:#3b82f6!important;box-shadow:0 0 12px #3b82f633;transform:scale(.98)}.dc-num-btn:disabled{opacity:.4;cursor:not-allowed}.dc-num-btn.stop{background:#fee2e2;border-color:#fecaca;color:#991b1b}.dc-num-btn.stop:hover:not(:disabled){background:#fcd3d3;border-color:#fca5a5}.dc-num-btn.stop.active{background:#ef4444!important;border-color:#dc2626!important;color:#fff!important}.dc-num-icon{font-size:1.2rem;margin-bottom:.15rem}.dc-num-key{font-size:.65rem;color:#64748b;text-align:center}.dc-btn-emergency{width:100%;padding:.8rem;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;letter-spacing:.05em;box-shadow:0 4px 6px #dc262633}.dc-btn-emergency:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-1px);box-shadow:0 4px 20px #dc262666}.dc-btn-emergency:active:not(:disabled){transform:translateY(0)}.dc-btn-emergency:disabled{opacity:.4;cursor:not-allowed}.dc-log-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-top:1.5rem;box-shadow:0 1px 3px #0000000d}.dc-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.dc-log-header h3{margin:0}.dc-btn-clear{padding:.35rem .7rem;background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-size:.78rem;transition:all .2s}.dc-btn-clear:hover{background:#f1f5f9;color:#1e293b}.dc-logs{flex:1;min-height:160px;max-height:300px;overflow-y:auto;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.8rem;font-family:JetBrains Mono,Consolas,monospace;font-size:.78rem;line-height:1.6}.dc-log-item{display:flex;gap:.5rem;padding:.15rem 0}.dc-log-time{color:#94a3b8;flex-shrink:0}.dc-log-msg{color:#475569;word-break:break-all}.dc-log-msg.success{color:#16a34a}.dc-log-msg.error{color:#dc2626}.dc-log-msg.warning{color:#d97706}.dc-custom-form{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.2rem}.dc-input-group{display:flex;flex-direction:column;gap:.4rem}.dc-input-group label{font-size:.85rem;color:#475569;font-weight:500}.dc-input{width:100%;padding:.65rem .8rem;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#0f172a;font-size:.85rem;font-family:JetBrains Mono,Consolas,monospace;outline:none;transition:all .2s}.dc-input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.dc-btn-send{padding:.65rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #3b82f633}.dc-btn-send:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.dc-btn-send:disabled{background:#cbd5e1;cursor:not-allowed;box-shadow:none}.dc-preset-commands{border-top:1px solid #e2e8f0;padding-top:1rem}.dc-preset-commands label{display:block;font-size:.85rem;color:#475569;font-weight:500;margin-bottom:.6rem}.dc-preset-list{display:flex;flex-wrap:wrap;gap:.5rem}.dc-preset-btn{padding:.4rem .8rem;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#334155;font-size:.8rem;cursor:pointer;transition:all .2s}.dc-preset-btn:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8}.dc-preset-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1200px){.dc-main-layout{grid-template-columns:1fr}.dc-camera-panel{position:static}}@media (max-width: 768px){.device-control-page{padding:1rem}.dc-header{flex-direction:column;align-items:flex-start}.dc-selector-row{flex-direction:column;align-items:stretch;gap:1rem}.dc-selector-left{min-width:unset}.dc-selector-right{flex-direction:column;align-items:stretch}.dc-btn-test{width:100%}.dc-numpad{max-width:100%}.dc-device-info{flex-direction:column;gap:.5rem}}.device-cockpit-page{--cockpit-cyan: #2bd2ff;--cockpit-blue: #2587ff;--cockpit-green: #36ef9b;--cockpit-red: #ff536b;width:100%;height:100%;min-height:680px;padding:7px 10px 10px;overflow:hidden;color:#a9cee0;background:radial-gradient(circle at 60% 10%,rgba(13,75,137,.18),transparent 38%),#020817}.device-cockpit-page *,.device-cockpit-page *:before,.device-cockpit-page *:after{box-sizing:border-box}.cockpit-status-line{height:29px;display:flex;align-items:center;gap:20px;padding:0 10px;margin-bottom:7px;color:#678da3;border:1px solid rgba(43,210,255,.16);background:#03152dbf;font:10px/1 Courier New,monospace}.cockpit-status-line button{color:#7bcce9;font-size:10px}.cockpit-status-line span{display:flex;align-items:center;gap:6px;white-space:nowrap}.cockpit-status-line i{width:6px;height:6px;border-radius:50%;background:#657986}.cockpit-status-line i.online{background:var(--cockpit-green);box-shadow:0 0 7px var(--cockpit-green)}.cockpit-status-line i.warning{background:#ffb84d;box-shadow:0 0 7px #ffb84d}.cockpit-status-line b{overflow:hidden;max-width:280px;color:#b9e2f3;text-overflow:ellipsis;white-space:nowrap}.cockpit-status-line em{margin-left:auto;color:#ff8495;font-style:normal}.cockpit-layout{height:calc(100% - 36px);min-height:640px;display:grid;grid-template-columns:clamp(255px,20vw,305px) minmax(720px,1fr);gap:8px}.cockpit-left-column{min-width:0;min-height:0;display:grid;grid-template-rows:142px repeat(3,minmax(105px,.85fr)) minmax(190px,1.45fr);gap:7px}.cockpit-right-column{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(355px,1fr) 254px;gap:8px}.cockpit-panel{position:relative;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(39,146,202,.38);background:linear-gradient(145deg,#071d3df2,#020d1ffa);box-shadow:inset 0 0 25px #0c6fb612,0 0 14px #003e7c1f}.cockpit-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(43,210,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(43,210,255,.025) 1px,transparent 1px);background-size:18px 18px}.cockpit-corner{position:absolute;z-index:4;top:-1px;width:30px;height:3px;background:var(--cockpit-cyan);box-shadow:0 0 8px var(--cockpit-cyan)}.cockpit-corner.left{left:-1px}.cockpit-corner.right{right:-1px}.cockpit-panel-head{position:relative;z-index:3;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;border-bottom:1px solid rgba(39,142,204,.25);background:linear-gradient(90deg,rgba(8,77,127,.28),transparent 70%)}.cockpit-panel-head>div{min-width:0;display:flex;align-items:center}.cockpit-panel-head i{width:3px;height:14px;margin-right:7px;background:var(--cockpit-cyan);box-shadow:0 0 7px var(--cockpit-cyan);transform:skew(-18deg)}.cockpit-panel-head strong{color:#e5f8ff;font-size:12px;letter-spacing:.5px;white-space:nowrap}.cockpit-panel-head small{margin-left:7px;color:#3f7e9f;font:7px/1 Courier New,monospace;letter-spacing:1px;white-space:nowrap}.cockpit-panel-head>span{color:#50bfe6;font:8px/1 Courier New,monospace}.cockpit-panel-body{position:relative;z-index:2;flex:1;min-height:0;overflow:hidden}.cockpit-device-panel .cockpit-panel-body{padding:7px}.cockpit-device-panel .overview-device{height:100%;margin:0}.cockpit-camera{position:relative;width:100%;height:100%;overflow:hidden;background:#01050c}.cockpit-camera img{width:100%;height:100%;display:block;object-fit:fill}.cockpit-camera.simulated img{filter:saturate(.55) contrast(1.08) hue-rotate(8deg)}.cockpit-camera-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#365a70;background:radial-gradient(circle,#0f3d5b6b,#01060e 70%)}.cockpit-camera-empty strong{font-size:9px;font-weight:500}.cockpit-reticle{width:30px;height:30px;border:1px solid #27576f;border-radius:50%;box-shadow:inset 0 0 8px #2aa6e026}.cockpit-reticle:after{content:"";display:block;width:8px;height:8px;margin:10px;border:1px solid #3b7693;border-radius:50%}.cockpit-camera-scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.14;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(81,200,255,.4) 4px)}.cockpit-camera-label{position:absolute;left:6px;right:6px;bottom:5px;display:flex;align-items:center;justify-content:space-between;color:#9ac9db;font:8px/1 Courier New,monospace;text-shadow:0 1px 3px #000}.cockpit-camera-label b{padding:3px 5px;color:#79909d;background:#000812b8;font-size:7px}.cockpit-camera-label b.streaming{color:var(--cockpit-green)}.cockpit-camera-label b.error{color:#ff7b8d}.cockpit-main-video-panel .cockpit-camera-label{bottom:10px;font-size:10px}.cockpit-video-tools{position:absolute;z-index:6;top:42px;right:9px;display:flex;gap:6px}.cockpit-video-tools button{padding:5px 9px;color:#96d9f1;border:1px solid rgba(43,210,255,.34);background:#031f3ac7;font-size:9px}.cockpit-video-tools button:disabled{color:#496473;cursor:not-allowed}.cockpit-map{position:relative;width:100%;height:100%;background:#031025}.cockpit-map-state{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#56859c;background:radial-gradient(circle,#0c3c6066,#010812f0)}.cockpit-map-state strong{color:#78aec5;font-size:10px}.cockpit-map-state small{font-size:8px}.cockpit-radar{width:36px;height:36px;border:1px solid rgba(43,210,255,.55);border-radius:50%;box-shadow:0 0 13px #2bd2ff33,inset 0 0 13px #2bd2ff1f;animation:cockpit-pulse 1.5s infinite}@keyframes cockpit-pulse{50%{transform:scale(.85);opacity:.45}}.cockpit-route-point{width:20px;height:20px;display:grid;place-items:center;color:#fff;border:2px solid white;border-radius:50%;background:#2587ff;box-shadow:0 0 8px #2587ffcc;font:700 9px/1 Arial,sans-serif}.cockpit-current-marker{width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(54,239,155,.6);border-radius:50%;background:#36ef9b33;box-shadow:0 0 12px #36ef9bbf}.cockpit-current-marker i{width:9px;height:9px;border:2px solid white;border-radius:50%;background:var(--cockpit-green)}.cockpit-map-legend{position:absolute;z-index:8;left:6px;bottom:5px;display:flex;gap:7px;padding:4px 6px;color:#83a9bb;background:#010a17c7;font-size:7px}.cockpit-map-legend span{display:flex;align-items:center;gap:3px}.cockpit-map-legend i{width:9px;height:2px;background:#2587ff}.cockpit-map-legend i.track{background:var(--cockpit-green)}.cockpit-map-legend i.position{width:6px;height:6px;border-radius:50%;background:var(--cockpit-green)}.cockpit-console{height:100%;display:grid;grid-template-columns:minmax(300px,1.15fr) minmax(240px,.9fr) minmax(300px,1.15fr);gap:8px;padding:8px}.cockpit-drive-block,.cockpit-speed-block,.cockpit-aux-block{min-width:0;padding:8px;border:1px solid rgba(38,126,178,.24);background:#03162db8}.cockpit-block-title{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:7px}.cockpit-block-title strong{color:#cfeaf5;font-size:11px}.cockpit-block-title small{overflow:hidden;color:#4f7d94;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.cockpit-direction-grid{height:177px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.cockpit-direction-grid button{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#82b8ce;border:1px solid rgba(46,143,193,.32);background:linear-gradient(145deg,#083658bf,#031b37c7);-webkit-user-select:none;user-select:none;touch-action:none}.cockpit-direction-grid button span{font-size:19px;line-height:1}.cockpit-direction-grid button small{margin-top:3px;color:#568298;font-size:7px}.cockpit-direction-grid button:hover:not(:disabled),.cockpit-direction-grid button.active{color:#fff;border-color:var(--cockpit-cyan);background:#0a6a9ea6;box-shadow:inset 0 0 13px #2bd2ff2e,0 0 7px #2bd2ff33}.cockpit-direction-grid button.stop{color:#ff8392;border-color:#ff536b80;background:#6c142561}.cockpit-direction-grid button:disabled{opacity:.38;cursor:not-allowed}.cockpit-connection-row{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:12px}.cockpit-connection{color:#7f96a3;font:10px/1 Courier New,monospace}.cockpit-connection.已连接{color:var(--cockpit-green)}.cockpit-connection.连接中{color:#ffbf55}.cockpit-connection.不可达{color:#ff7082}.cockpit-connection-row button{padding:5px 8px;color:#83cae4;border:1px solid rgba(43,210,255,.3);background:#06395b73;font-size:8px}.cockpit-speed-slider{display:block;color:#688fa3;font-size:9px}.cockpit-speed-slider span{display:flex;justify-content:space-between}.cockpit-speed-slider b{color:#b8e5f4}.cockpit-speed-slider input{width:100%;margin:8px 0 12px;accent-color:var(--cockpit-cyan)}.cockpit-speed-values{display:grid;grid-template-columns:1fr 1fr;gap:5px}.cockpit-speed-values span{display:flex;flex-direction:column;padding:7px;color:#527c91;border:1px solid rgba(38,120,166,.2);font-size:8px}.cockpit-speed-values b{margin-top:3px;color:#a8d2e4;font:10px/1 Courier New,monospace}.cockpit-emergency{width:100%;margin-top:12px;padding:10px 6px;color:#ffe7eb;border:1px solid rgba(255,83,107,.72);background:linear-gradient(90deg,#751023b8,#480b18c7);box-shadow:inset 0 0 12px #ff536b1f;font-size:10px;font-weight:700}.cockpit-aux-block{display:grid;grid-template-rows:auto 1fr auto}.cockpit-speaker-control label,.cockpit-light-control label{color:#7ba9be;font-size:9px}.cockpit-speaker-control textarea{width:100%;height:48px;resize:none;margin:5px 0;padding:6px;color:#638294;border:1px solid rgba(48,121,159,.24);background:#020d1dcc;font-size:8px}.cockpit-speaker-control>div{display:grid;grid-template-columns:1fr 1fr;gap:5px}.cockpit-speaker-control button,.cockpit-light-control button{padding:5px;color:#4f6d7c;border:1px solid rgba(68,109,132,.2);background:#172a3a8c;font-size:8px;cursor:not-allowed}.cockpit-light-control{margin-top:7px;padding-top:7px;border-top:1px solid rgba(40,116,158,.2)}.cockpit-light-control>div{display:flex;align-items:center;justify-content:space-between}.cockpit-light-control input{width:100%;margin-top:5px;opacity:.4}.cockpit-light-control>span{display:block;color:#4d7183;font-size:7px;text-align:right}.cockpit-page-state{height:100%;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#6390a8;background:#020817}.cockpit-page-state strong{color:#b7ddec;font-size:16px}.cockpit-page-state small{font-size:10px}.cockpit-page-state.error strong{color:#ff8392}.cockpit-page-state button{margin-top:8px;padding:8px 18px;color:#9edcf2;border:1px solid rgba(43,210,255,.42);background:#06365899}@media (max-width: 1500px){.cockpit-layout{grid-template-columns:250px minmax(680px,1fr)}.cockpit-console{grid-template-columns:minmax(285px,1.1fr) minmax(220px,.85fr) minmax(270px,1fr);gap:6px;padding:6px}.cockpit-drive-block,.cockpit-speed-block,.cockpit-aux-block{padding:6px}.cockpit-direction-grid{height:182px}.cockpit-panel-head small{display:none}}@media (max-height: 820px){.device-cockpit-page{min-height:660px}.cockpit-layout{min-height:624px}.cockpit-left-column{grid-template-rows:135px repeat(3,104px) 185px}.cockpit-right-column{grid-template-rows:minmax(350px,1fr) 246px}.cockpit-console{padding:5px}.cockpit-direction-grid{height:176px}}.cluster-management{padding:1.5rem;animation:fadeIn .4s ease-out}.cm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-light)}.cm-header-left{display:flex;align-items:baseline;gap:.75rem}.cm-header .page-title{font-size:1.3rem;font-weight:700;margin:0;color:var(--color-text-primary);letter-spacing:-.02em}.cm-header .page-subtitle{font-size:.82rem;color:var(--color-text-muted)}.cm-btn-create{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #2563eb33}.cm-btn-create:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2563eb4d}.cm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem}.cm-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000000a}.cm-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000001a;border-color:#93c5fd}.cm-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.cm-title{margin:0 0 .25rem;font-size:1.2rem;color:#1e293b;font-weight:600}.cm-desc{font-size:.85rem;color:#64748b;margin:0}.cm-actions{display:flex;gap:.5rem}.cm-btn-icon{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;padding:.4rem .6rem;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .2s}.cm-btn-icon:hover{background:#e2e8f0;color:#334155}.cm-btn-icon.delete:hover{background:#fee2e2;color:#ef4444;border-color:#fca5a5}.cm-device-list{margin-top:1rem;flex-grow:1}.cm-device-list h4{font-size:.9rem;color:#475569;margin:0 0 .75rem;display:flex;justify-content:space-between;font-weight:500}.cm-device-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;margin-bottom:.5rem;font-size:.85rem;color:#334155}.cm-device-info{display:flex;align-items:center;gap:.5rem}.cm-device-status{width:8px;height:8px;border-radius:50%;display:inline-block}.cm-device-status.online{background:#10b981}.cm-device-status.offline{background:#ef4444}.cm-btn-remove-device{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1rem;line-height:1;padding:0 4px}.cm-btn-remove-device:hover{color:#ef4444}.cm-btn-add-device{width:100%;background:#f0fdf4;border:1px dashed #86efac;color:#16a34a;padding:.5rem;border-radius:6px;cursor:pointer;font-size:.85rem;margin-top:.5rem;transition:all .2s}.cm-btn-add-device:hover{background:#dcfce7;border-color:#4ade80}.cm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}.cm-modal{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:90%;max-width:500px;box-shadow:0 20px 40px -10px #0000001a}.cm-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.cm-modal-header h2{margin:0;font-size:1.25rem;color:#1e293b;font-weight:600}.cm-modal-close{background:none;border:none;color:#94a3b8;font-size:1.2rem;cursor:pointer}.cm-modal-close:hover{color:#475569}.cm-form-group{padding:0 1.5rem;margin-top:1.25rem;margin-bottom:.5rem;display:flex;flex-direction:column;gap:.5rem}.cm-form-group label{font-size:.9rem;color:#475569;font-weight:500}.cm-form-group input,.cm-form-group textarea,.cm-form-group select{background:#fff;border:1px solid #cbd5e1;padding:.75rem;border-radius:6px;color:#334155;font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.cm-form-group input:focus,.cm-form-group textarea:focus,.cm-form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.cm-form-group textarea{resize:vertical;min-height:80px}.cm-modal-footer{padding:1.25rem 1.5rem;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid #f1f5f9;margin-top:1.5rem}.cm-btn-cancel{background:#f8fafc;border:1px solid #cbd5e1;color:#64748b;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500}.cm-btn-cancel:hover{background:#f1f5f9;color:#475569}.cm-btn-submit{background:#3b82f6;border:none;color:#fff;padding:.6rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}.cm-btn-submit:hover{background:#2563eb}.cm-btn-submit:disabled{background:#94a3b8;cursor:not-allowed}.cm-delete-modal{text-align:center;padding:2rem 1.5rem}.cm-delete-icon{margin-bottom:1rem}.cm-delete-modal h3{font-size:1.1rem;font-weight:600;color:#0f172a;margin:0 0 .5rem}.cm-delete-modal p{font-size:.85rem;color:#64748b;margin:0 0 1.5rem;line-height:1.5}.cm-btn-danger{padding:.6rem 1.25rem;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.cm-btn-danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}@media (max-width: 768px){.cluster-management{padding:1rem}.cm-header{flex-direction:column;align-items:flex-start;gap:1rem}.cm-btn-create{width:100%;justify-content:center}.cm-grid{grid-template-columns:1fr;gap:1rem}}.cluster-control-page{padding:1.5rem 2rem;max-width:1600px;margin:0 auto;animation:fadeIn .4s ease-out}.cc-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-light)}.cc-header .page-title{font-size:1.3rem;font-weight:700;color:var(--color-text-primary);margin:0;letter-spacing:-.02em}.cc-header .page-subtitle{font-size:.82rem;color:var(--color-text-muted)}.cc-selector-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.2rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000d}.cc-selector-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.cc-selector-left{flex:1;min-width:300px}.cc-selector-left h2{font-size:.85rem;color:#64748b;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.cc-select{width:100%;padding:.65rem 1rem;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#1e293b;font-size:.9rem;outline:none;cursor:pointer;transition:all .2s}.cc-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.cc-selector-right{display:flex;align-items:center;gap:1rem}.cc-btn-toggle-cam{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:#475569;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.cc-btn-toggle-cam:hover{background:#e2e8f0;border-color:#94a3b8}.cc-btn-toggle-cam.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:transparent;color:#fff;box-shadow:0 2px 8px #3b82f640}.cc-btn-toggle-cam.active svg{stroke:#fff}.cc-cluster-info{margin-top:.8rem;padding-top:.8rem;border-top:1px solid #e2e8f0;font-size:.85rem;color:#64748b}.cc-cluster-info strong{color:#3b82f6}.cc-cameras-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000d;overflow:hidden;animation:fadeIn .3s ease-out}.cc-cameras-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:.6rem}.cc-cameras-toolbar-left{display:flex;align-items:center;gap:.5rem}.cc-cameras-toolbar-left svg{color:#3b82f6}.cc-cameras-title{font-size:.88rem;font-weight:600;color:#0f172a}.cc-cameras-count{font-size:.75rem;color:#3b82f6;padding:.15rem .5rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px}.cc-cameras-toolbar-right{display:flex;align-items:center;gap:1rem}.cc-cameras-size-control{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:#64748b}.cc-cameras-size-control label{white-space:nowrap}.cc-size-slider{width:100px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e2e8f0;border-radius:2px;outline:none}.cc-size-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#3b82f6;cursor:pointer;box-shadow:0 1px 4px #3b82f64d}.cc-size-value{font-family:JetBrains Mono,Consolas,monospace;font-size:.72rem;color:#94a3b8;white-space:nowrap}.cc-btn-arrange{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .8rem;background:#fff;border:1px solid #bfdbfe;border-radius:6px;color:#3b82f6;font-size:.78rem;cursor:pointer;transition:all .2s;white-space:nowrap}.cc-btn-arrange:hover{background:#eff6ff;border-color:#93c5fd}.cc-cameras-canvas{position:relative;width:100%;overflow:auto;background:#f1f5f9;background-image:radial-gradient(circle,#d1d5db 1px,transparent 1px);background-size:20px 20px;min-height:200px}.cc-cameras-resize-bar{display:flex;justify-content:center;align-items:center;padding:4px 0;cursor:ns-resize;background:#fff;border-top:1px solid #e2e8f0;transition:background .2s}.cc-cameras-resize-bar:hover{background:#eff6ff}.cc-cameras-resize-grip{display:flex;gap:3px}.cc-cameras-resize-grip span{display:block;width:20px;height:2px;border-radius:1px;background:#cbd5e1}.cc-mini-cam{position:absolute;background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:visible;box-shadow:0 1px 4px #0000000f;transition:box-shadow .15s;z-index:1}.cc-mini-cam:hover{box-shadow:0 4px 16px #0000001a;z-index:10}.cc-mini-cam-header{display:flex;justify-content:space-between;align-items:center;padding:.35rem .6rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:8px 8px 0 0;-webkit-user-select:none;user-select:none}.cc-mini-cam-header:active{cursor:grabbing}.cc-mini-cam-name{font-size:.72rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}.cc-mini-cam-status-area{display:flex;align-items:center;gap:.3rem}.cc-mini-live{display:inline-flex;align-items:center;gap:.2rem;padding:.08rem .3rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:3px;color:#ef4444;font-size:.58rem;font-weight:700;letter-spacing:.05em}.cc-mini-live-dot{width:4px;height:4px;border-radius:50%;background:#ef4444;animation:miniLivePulse 1.5s ease-in-out infinite}@keyframes miniLivePulse{0%,to{opacity:1}50%{opacity:.4}}.cc-mini-device-status{font-size:.62rem;padding:.08rem .3rem;border-radius:3px;font-weight:500}.cc-mini-device-status.online{background:#22c55e1a;color:#16a34a}.cc-mini-device-status.offline{background:#ef444414;color:#ef4444}.cc-mini-cam-viewport{position:relative;width:100%;background:#f1f5f9;overflow:hidden}.cc-mini-cam-stream{width:100%;height:100%;object-fit:contain;display:block}.cc-mini-cam-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;color:#94a3b8;font-size:.7rem}.cc-mini-cam-overlay.error{color:#ef4444}.cc-mini-cam-overlay.error svg{stroke:#ef4444}.cc-mini-cam-spinner{width:20px;height:20px;border:2px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.cc-mini-retry{padding:.15rem .5rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;color:#3b82f6;font-size:.65rem;cursor:pointer;transition:all .2s}.cc-mini-retry:hover{background:#dbeafe}.cc-mini-cam-info{position:absolute;bottom:0;left:0;right:0;padding:.15rem .4rem;background:linear-gradient(transparent,#0006);color:#fff;font-size:.62rem;font-family:JetBrains Mono,Consolas,monospace}.cc-mini-resize-handle{position:absolute;right:0;bottom:0;width:14px;height:14px;cursor:nwse-resize;z-index:20}.cc-mini-resize-handle:after{content:"";position:absolute;right:2px;bottom:2px;width:8px;height:8px;border-right:2px solid #94a3b8;border-bottom:2px solid #94a3b8;opacity:.5;transition:opacity .2s}.cc-mini-cam:hover .cc-mini-resize-handle:after{opacity:1}.cc-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 1024px){.cc-content-grid{grid-template-columns:1fr}}.cc-control-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.cc-control-card h3{font-size:1.05rem;color:#0f172a;margin:0 0 .5rem}.cc-control-desc{font-size:.82rem;color:#64748b;margin:0 0 1rem;line-height:1.5}.cc-speed-control{margin-bottom:1.2rem;padding:.8rem 1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.cc-speed-control label{font-size:.85rem;color:#334155;display:block;margin-bottom:.4rem}.cc-speed-control label strong{color:#3b82f6}.cc-speed-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e2e8f0;border-radius:3px;outline:none;margin:.3rem 0}.cc-speed-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);cursor:pointer;box-shadow:0 2px 6px #3b82f64d}.cc-speed-info{display:flex;justify-content:space-between;font-size:.75rem;color:#64748b;margin-top:.3rem}.cc-numpad-container{display:flex;justify-content:center;margin-bottom:1rem}.cc-numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:280px;width:100%}.cc-num-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.7rem .4rem;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#334155;cursor:pointer;transition:all .15s;min-height:64px;user-select:none;-webkit-user-select:none;touch-action:none}.cc-num-btn:hover:not(:disabled){background:#eff6ff;border-color:#bfdbfe;transform:scale(1.02)}.cc-num-btn:active:not(:disabled),.cc-num-btn.active{background:#dbeafe!important;border-color:#3b82f6!important;box-shadow:0 0 12px #3b82f633;transform:scale(.98)}.cc-num-btn:disabled{opacity:.4;cursor:not-allowed}.cc-num-btn.stop{background:#fee2e2;border-color:#fecaca;color:#991b1b}.cc-num-btn.stop:hover:not(:disabled){background:#fcd3d3;border-color:#fca5a5}.cc-num-btn.stop.active{background:#ef4444!important;border-color:#dc2626!important;color:#fff!important}.cc-num-icon{font-size:1.2rem;margin-bottom:.15rem}.cc-num-key{font-size:.65rem;color:#64748b;text-align:center}.cc-btn-emergency{width:100%;padding:.8rem;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;letter-spacing:.05em;box-shadow:0 4px 6px #dc262633}.cc-btn-emergency:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-1px);box-shadow:0 4px 20px #dc262666}.cc-btn-emergency:active:not(:disabled){transform:translateY(0)}.cc-btn-emergency:disabled{opacity:.4;cursor:not-allowed}.cc-log-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-top:1.5rem;box-shadow:0 1px 3px #0000000d}.cc-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.cc-log-header h3{margin:0}.cc-btn-clear{padding:.35rem .7rem;background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-size:.78rem;transition:all .2s}.cc-btn-clear:hover{background:#f1f5f9;color:#1e293b}.cc-logs{flex:1;min-height:160px;max-height:300px;overflow-y:auto;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.8rem;font-family:JetBrains Mono,Consolas,monospace;font-size:.78rem;line-height:1.6}.cc-log-item{display:flex;gap:.5rem;padding:.15rem 0}.cc-log-time{color:#94a3b8;flex-shrink:0}.cc-log-msg{color:#475569;word-break:break-all}.cc-log-msg.success{color:#16a34a}.cc-log-msg.error{color:#dc2626}.cc-log-msg.warning{color:#d97706}.cc-custom-form{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.2rem}.cc-input-group{display:flex;flex-direction:column;gap:.4rem}.cc-input-group label{font-size:.85rem;color:#475569;font-weight:500}.cc-input{width:100%;padding:.65rem .8rem;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#0f172a;font-size:.85rem;font-family:JetBrains Mono,Consolas,monospace;outline:none;transition:all .2s}.cc-input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.cc-btn-send{padding:.65rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #3b82f633}.cc-btn-send:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.cc-btn-send:disabled{background:#cbd5e1;cursor:not-allowed;box-shadow:none}.cc-preset-commands{border-top:1px solid #e2e8f0;padding-top:1rem}.cc-preset-commands label{display:block;font-size:.85rem;color:#475569;font-weight:500;margin-bottom:.6rem}.cc-preset-list{display:flex;flex-wrap:wrap;gap:.5rem}.cc-preset-btn{padding:.4rem .8rem;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#334155;font-size:.8rem;cursor:pointer;transition:all .2s}.cc-preset-btn:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8}.cc-preset-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.cluster-control-page{padding:1rem}.cc-header{flex-direction:column;align-items:flex-start}.cc-selector-row{flex-direction:column;align-items:stretch;gap:1rem}.cc-selector-left{min-width:unset}.cc-cameras-toolbar{flex-direction:column;align-items:stretch}.cc-cameras-toolbar-right{flex-wrap:wrap}}.live-video-page{padding:1.5rem 2rem;max-width:1600px;margin:0 auto;animation:lv-fadeIn .4s ease-out}.lv-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-light)}.lv-header .page-title{font-size:1.3rem;font-weight:700;color:var(--color-text-primary);margin:0;letter-spacing:-.02em}.lv-header .page-subtitle{font-size:.82rem;color:var(--color-text-muted)}.lv-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000d;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.lv-toolbar-left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.lv-toolbar-right{display:flex;align-items:center;gap:.75rem}.lv-device-select{padding:.55rem 1rem;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#1e293b;font-size:.88rem;outline:none;cursor:pointer;transition:all .2s;min-width:200px}.lv-device-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.lv-btn{padding:.55rem 1rem;border:1px solid #cbd5e1;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.4rem;white-space:nowrap;background:#fff;color:#475569}.lv-btn:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.lv-btn:disabled{opacity:.4;cursor:not-allowed}.lv-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;font-weight:600;box-shadow:0 2px 4px #3b82f633}.lv-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d;background:linear-gradient(135deg,#3b82f6,#2563eb)}.lv-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;font-weight:600;box-shadow:0 2px 4px #ef444433}.lv-btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d;background:linear-gradient(135deg,#ef4444,#dc2626)}.lv-layout-btns{display:flex;gap:4px;background:#f1f5f9;padding:3px;border-radius:8px}.lv-layout-btn{padding:.4rem .7rem;border:none;border-radius:6px;font-size:.82rem;cursor:pointer;transition:all .2s;background:transparent;color:#64748b;font-weight:500}.lv-layout-btn.active{background:#fff;color:#1e293b;box-shadow:0 1px 3px #0000001a;font-weight:600}.lv-layout-btn:hover:not(.active){color:#334155}.lv-video-grid{display:grid;gap:1rem;justify-content:center;min-height:300px}.lv-video-grid.layout-1{grid-template-columns:var(--lv-card-width, 320px)}.lv-video-grid.layout-4{grid-template-columns:repeat(2,var(--lv-card-width, 320px))}.lv-video-grid.layout-6,.lv-video-grid.layout-9{grid-template-columns:repeat(3,var(--lv-card-width, 320px))}.lv-video-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d;transition:all .3s ease;display:flex;flex-direction:column}.lv-video-card:hover{box-shadow:0 4px 16px #00000014}.lv-video-card.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;border-radius:0;border:none}.lv-video-card-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-bottom:1px solid #f1f5f9;background:#fafbfd}.lv-video-card-info{display:flex;align-items:center;gap:.5rem}.lv-video-card-name{font-size:.88rem;font-weight:600;color:#1e293b}.lv-video-card-ip{font-size:.75rem;color:#94a3b8}.lv-video-card-status{display:flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:500}.lv-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.lv-status-dot.online{background:#22c55e;box-shadow:0 0 6px #22c55e66;animation:lv-pulse 2s infinite}.lv-status-dot.offline{background:#94a3b8}.lv-status-dot.loading{background:#f59e0b;animation:lv-pulse 1s infinite}.lv-status-dot.error{background:#ef4444}.lv-video-card-actions{display:flex;gap:4px}.lv-card-btn{width:30px;height:30px;border:none;border-radius:6px;background:transparent;color:#94a3b8;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;padding:0}.lv-card-btn:hover{background:#f1f5f9;color:#475569}.lv-card-btn:active{transform:scale(.93)}.lv-video-container{position:relative;background:#0f172a;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden}.lv-video-card.fullscreen .lv-video-container{min-height:unset}.lv-video-stream{width:100%;height:100%;object-fit:contain;display:block}.lv-video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:#475569;padding:2rem;text-align:center;width:100%;aspect-ratio:4/3}.lv-placeholder-icon{width:56px;height:56px;border-radius:16px;background:#4f6ef714;display:flex;align-items:center;justify-content:center;color:#4f6ef7}.lv-placeholder-text{font-size:.9rem;font-weight:500;color:#475569}.lv-placeholder-hint{font-size:.8rem;color:#94a3b8}.lv-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172ad9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:10}.lv-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.15);border-top-color:#3b82f6;border-radius:50%;animation:lv-spin .8s linear infinite}.lv-loading-text{color:#fffc;font-size:.85rem}.lv-error-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172ae6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:10;padding:1.5rem}.lv-error-icon{color:#ef4444}.lv-error-text{color:#ffffffd9;font-size:.85rem;text-align:center;max-width:280px}.lv-error-retry{padding:.4rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.82rem;cursor:pointer;transition:all .2s}.lv-error-retry:hover{background:#fff3}.lv-video-overlay-info{position:absolute;bottom:0;left:0;right:0;padding:.5rem .8rem;background:linear-gradient(transparent,#0009);display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.lv-video-resolution,.lv-video-fps{font-size:.72rem;color:#ffffffbf;font-family:JetBrains Mono,Consolas,monospace}.lv-live-badge{display:inline-flex;align-items:center;gap:.3rem;position:absolute;top:.5rem;left:.5rem;padding:.2rem .5rem;background:#ef4444e6;color:#fff;font-size:.7rem;font-weight:700;border-radius:4px;letter-spacing:.05em;z-index:5}.lv-live-dot{width:5px;height:5px;border-radius:50%;background:#fff;animation:lv-pulse 1.5s infinite}.lv-card-btn.lv-recording-active{color:#ef4444;background:#ef44441a;animation:lv-rec-pulse 1.2s ease-in-out infinite}.lv-card-btn.lv-recording-active:hover{background:#ef444433;color:#dc2626}.lv-rec-badge{display:inline-flex;align-items:center;gap:.3rem;position:absolute;top:.5rem;right:.5rem;padding:.2rem .6rem;background:#ef4444e6;color:#fff;font-size:.7rem;font-weight:700;border-radius:4px;letter-spacing:.05em;z-index:5;font-family:JetBrains Mono,Consolas,monospace;box-shadow:0 0 8px #ef444466}.lv-rec-dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:lv-pulse 1s infinite}@keyframes lv-rec-pulse{0%,to{background:#ef44441a}50%{background:#ef444433}}.lv-empty-state{background:#fff;border:2px dashed #e2e8f0;border-radius:16px;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;min-height:400px}.lv-empty-icon{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#4f6ef714,#4f6ef726);display:flex;align-items:center;justify-content:center;color:#4f6ef7}.lv-empty-title{font-size:1.1rem;font-weight:600;color:#1e293b}.lv-empty-desc{font-size:.88rem;color:#94a3b8;max-width:320px;line-height:1.6}.lv-toast{position:fixed;bottom:2rem;right:2rem;padding:.8rem 1.2rem;background:#1e293b;color:#fff;border-radius:10px;font-size:.85rem;font-weight:500;box-shadow:0 8px 24px #0003;z-index:2000;animation:lv-slideUp .3s ease-out;display:flex;align-items:center;gap:.5rem}.lv-toast.success{background:linear-gradient(135deg,#059669,#047857)}.lv-toast.error{background:linear-gradient(135deg,#dc2626,#b91c1c)}.lv-scale-control{display:flex;align-items:center;gap:.5rem;color:#64748b}.lv-scale-slider{width:110px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e2e8f0;border-radius:2px;outline:none;cursor:pointer}.lv-scale-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);cursor:pointer;box-shadow:0 1px 4px #3b82f64d;transition:transform .15s}.lv-scale-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.lv-scale-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);cursor:pointer;border:none;box-shadow:0 1px 4px #3b82f64d}.lv-scale-value{font-size:.72rem;font-family:JetBrains Mono,Consolas,monospace;color:#94a3b8;min-width:80px;text-align:right}.lv-resize-handle{position:absolute;right:0;bottom:0;width:18px;height:18px;cursor:nwse-resize;z-index:15;opacity:0;transition:opacity .2s}.lv-video-card:hover .lv-resize-handle{opacity:1}.lv-resize-handle:before,.lv-resize-handle:after{content:"";position:absolute;background:#3b82f699;border-radius:1px}.lv-resize-handle:before{width:10px;height:2px;bottom:4px;right:4px;transform:rotate(-45deg)}.lv-resize-handle:after{width:6px;height:2px;bottom:3px;right:3px;transform:rotate(-45deg) translate(-3px) translateY(-4px)}.lv-video-card.fullscreen .lv-resize-handle{display:none}@keyframes lv-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes lv-spin{to{transform:rotate(360deg)}}@keyframes lv-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes lv-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.live-video-page{padding:1rem}.lv-video-grid.layout-4,.lv-video-grid.layout-6,.lv-video-grid.layout-9{grid-template-columns:1fr}.lv-toolbar{flex-direction:column;align-items:stretch}.lv-toolbar-left,.lv-toolbar-right{justify-content:flex-start;flex-wrap:wrap}.lv-toolbar-left{flex-direction:column;align-items:stretch}.lv-device-select{min-width:unset}.lv-scale-control,.lv-resize-handle{display:none}}.placeholder-page{height:100%;display:flex;align-items:center;justify-content:center;background:#fff}.placeholder-content{text-align:center;max-width:400px;animation:placeholderFadeIn .6s ease-out}@keyframes placeholderFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.placeholder-icon{font-size:3rem;margin-bottom:1.25rem;animation:placeholderBounce 2s ease-in-out infinite}@keyframes placeholderBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.placeholder-content h2{font-size:1.35rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.placeholder-content p{font-size:.9rem;color:var(--color-text-muted);margin-bottom:2rem;line-height:1.6}.placeholder-progress{display:flex;flex-direction:column;align-items:center;gap:.5rem}.progress-bar{width:200px;height:6px;background:var(--color-bg-subtle);border-radius:3px;overflow:hidden}.progress-fill{width:0%;height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:3px;animation:progressPulse 2s ease-in-out infinite}@keyframes progressPulse{0%{width:0%}50%{width:30%}to{width:0%}}.progress-text{font-size:.75rem;color:var(--color-text-placeholder)}.patrol-page{display:flex;flex-direction:column;height:100vh;min-height:0;gap:0;overflow:hidden}.patrol-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:var(--color-bg-white);border-bottom:1px solid var(--color-border);flex-shrink:0;gap:1rem;flex-wrap:wrap}.patrol-header-left{display:flex;flex-direction:column;gap:.25rem}.patrol-header-left h1{font-size:1.35rem;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1.3}.patrol-header-left .patrol-subtitle{font-size:.82rem;color:var(--color-text-muted);margin:0}.patrol-header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.patrol-body{display:flex;flex:1;min-height:0;overflow:hidden}.patrol-sidebar{width:340px;min-width:280px;max-width:400px;display:flex;flex-direction:column;border-right:1px solid var(--color-border);background:#f8f9fc;overflow:hidden;flex-shrink:0}.patrol-sidebar-toolbar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border-light);flex-shrink:0;flex-wrap:wrap}.patrol-sidebar-toolbar select{flex:1;min-width:0;padding:.45rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.82rem;color:var(--color-text-primary);background:var(--color-bg-white);cursor:pointer;outline:none;transition:border-color var(--transition-fast)}.patrol-sidebar-toolbar select:focus{border-color:var(--color-primary)}.patrol-sidebar-list{flex:1;overflow-y:auto;padding:.5rem}.patrol-sidebar-list::-webkit-scrollbar{width:4px}.patrol-sidebar-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.patrol-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--color-text-muted);gap:.75rem;text-align:center}.patrol-empty svg{opacity:.35}.patrol-empty p{font-size:.85rem;margin:0}.patrol-card{padding:.875rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);margin-bottom:.5rem;background:var(--color-bg-white);box-shadow:0 1px 3px #00000005;position:relative}.patrol-card:hover{background:var(--color-bg-hover);border-color:var(--color-primary-border);transform:translate(2px)}.patrol-card.active{background:var(--color-primary-bg);border-color:var(--color-primary)}.patrol-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.patrol-card-title{font-size:.9rem;font-weight:600;color:var(--color-text-primary);line-height:1.3;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.patrol-card.active .patrol-card-title{color:var(--color-primary-dark)}.patrol-card-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.patrol-card-tag{display:inline-flex;align-items:center;gap:.2rem;font-size:.72rem;color:var(--color-text-muted);background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:100px;padding:.1rem .5rem}.patrol-card.active .patrol-card-tag{background:#4f6ef714;border-color:var(--color-primary-border);color:var(--color-primary)}.patrol-card-desc{font-size:.76rem;color:var(--color-text-muted);margin-top:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.patrol-card-actions{display:flex;gap:.3rem;margin-top:.65rem;padding-top:.55rem;border-top:1px solid var(--color-border-light)}.patrol-card.active .patrol-card-actions{border-top-color:var(--color-primary-border)}.patrol-map-container{flex:1;position:relative;overflow:hidden;background:#e8eaf0;min-width:0}.patrol-map-el{width:100%;height:100%}.patrol-map-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);padding:2rem 2.5rem;text-align:center;box-shadow:var(--shadow-lg);pointer-events:none;border:1px solid var(--color-border)}.patrol-map-hint h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.patrol-map-hint p{font-size:.82rem;color:var(--color-text-muted);margin:0}.patrol-map-toolbar{position:absolute;top:1rem;left:1rem;z-index:100;display:flex;flex-direction:column;gap:.5rem}.patrol-map-toolbar-row{display:flex;align-items:center;gap:.5rem}.patrol-map-badge{position:absolute;top:1rem;right:1rem;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.6rem .85rem;font-size:.78rem;color:var(--color-text-secondary);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.25rem;max-width:220px}.patrol-map-badge strong{font-weight:600;color:var(--color-text-primary);font-size:.82rem}.patrol-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.84rem;font-weight:500;cursor:pointer;border:none;transition:all var(--transition-fast);white-space:nowrap;line-height:1}.patrol-btn:disabled{opacity:.5;cursor:not-allowed}.patrol-btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;box-shadow:0 2px 8px #4f6ef74d}.patrol-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));box-shadow:0 4px 12px #4f6ef766;transform:translateY(-1px)}.patrol-btn-secondary{background:var(--color-bg-subtle);color:var(--color-text-secondary);border:1px solid var(--color-border)}.patrol-btn-secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-primary-border);color:var(--color-primary)}.patrol-btn-danger{background:#ef444414;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.patrol-btn-danger:hover:not(:disabled){background:#ef444426;border-color:#ef4444}.patrol-btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 2px 8px #22c55e4d}.patrol-btn-success:hover:not(:disabled){box-shadow:0 4px 12px #22c55e66;transform:translateY(-1px)}.patrol-btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.patrol-btn-warning:hover:not(:disabled){box-shadow:0 4px 12px #f59e0b66;transform:translateY(-1px)}.patrol-btn-sm{padding:.3rem .65rem;font-size:.76rem}.patrol-btn-icon{padding:.35rem;background:transparent;border:none;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center}.patrol-btn-icon:hover{background:var(--color-bg-hover);color:var(--color-primary)}.patrol-btn-icon.danger:hover{background:#ef44441a;color:#ef4444}.patrol-modal-overlay{position:fixed;top:var(--header-height, 92px);right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:450;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.patrol-modal{background:var(--color-bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:520px;max-height:calc(100vh - var(--header-height, 92px) - 2rem);display:flex;flex-direction:column;overflow:hidden;animation:slideUp .25s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}.patrol-modal-wide{max-width:700px}.patrol-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.patrol-modal-header h2{font-size:1.05rem;font-weight:700;color:var(--color-text-primary);margin:0}.patrol-modal-close{width:2rem;height:2rem;border-radius:50%;background:var(--color-bg-subtle);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--color-text-muted);transition:all var(--transition-fast)}.patrol-modal-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.patrol-modal-body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.patrol-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-border);flex-shrink:0}.patrol-form-group{display:flex;flex-direction:column;gap:.4rem}.patrol-form-group label{font-size:.83rem;font-weight:500;color:var(--color-text-secondary)}.patrol-form-group input,.patrol-form-group textarea,.patrol-form-group select{padding:.55rem .85rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:.88rem;font-family:inherit;color:var(--color-text-primary);background:var(--color-bg-white);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.patrol-form-group input:focus,.patrol-form-group textarea:focus,.patrol-form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f6ef71a}.patrol-form-group textarea{resize:vertical;min-height:70px}.patrol-form-hint{font-size:.74rem;color:var(--color-text-muted)}.patrol-form-error{padding:.6rem .85rem;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);font-size:.82rem;color:#dc2626}.patrol-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.patrol-status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:100px;font-size:.72rem;font-weight:600;letter-spacing:.01em}.patrol-status-pending{background:#94a3b826;color:#64748b;border:1px solid rgba(148,163,184,.3)}.patrol-status-running{background:#22c55e1f;color:#16a34a;border:1px solid rgba(34,197,94,.3);animation:pulse-green 2s ease-in-out infinite}@keyframes pulse-green{0%,to{box-shadow:0 0 #22c55e4d}50%{box-shadow:0 0 0 4px #22c55e1a}}.patrol-status-paused{background:#f59e0b1f;color:#d97706;border:1px solid rgba(245,158,11,.3)}.patrol-status-completed{background:#4f6ef71a;color:var(--color-primary-dark);border:1px solid var(--color-primary-border)}.patrol-status-cancelled{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.25)}.patrol-point-picker{display:flex;flex-direction:column;gap:.5rem;max-height:280px;overflow-y:auto;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem;background:var(--color-bg-subtle)}.patrol-point-picker::-webkit-scrollbar{width:4px}.patrol-point-picker::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.patrol-point-item{display:flex;align-items:center;gap:.5rem;padding:.45rem .65rem;border-radius:var(--radius-sm);background:var(--color-bg-white);border:1px solid var(--color-border-light);cursor:pointer;transition:all var(--transition-fast);font-size:.82rem;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.patrol-point-item:hover{border-color:var(--color-primary-border);background:var(--color-primary-bg);color:var(--color-primary)}.patrol-point-item.selected{border-color:var(--color-primary);background:var(--color-primary-bg);color:var(--color-primary-dark);font-weight:500}.patrol-point-item .point-order{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--color-primary);color:#fff;font-size:.68rem;font-weight:700;flex-shrink:0}.patrol-selected-points{display:flex;flex-direction:column;gap:.35rem}.patrol-selected-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:var(--color-primary-bg);border:1px solid var(--color-primary-border);border-radius:var(--radius-sm);font-size:.8rem;color:var(--color-primary-dark)}.patrol-selected-item .seq{font-weight:700;min-width:1.5rem}.patrol-selected-item .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.patrol-task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;padding:1.25rem;overflow-y:auto;align-content:start}.patrol-task-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:all var(--transition-fast);cursor:default;box-shadow:0 1px 3px #00000005}.patrol-task-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-border);transform:translateY(-2px)}.patrol-task-card.running{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e26}.patrol-task-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.patrol-task-title{font-size:.95rem;font-weight:700;color:var(--color-text-primary);flex:1;line-height:1.3}.patrol-task-info{display:flex;flex-direction:column;gap:.3rem}.patrol-task-info-row{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--color-text-secondary)}.patrol-task-info-row .label{color:var(--color-text-muted);min-width:3.5rem;flex-shrink:0}.patrol-task-actions{display:flex;gap:.5rem;flex-wrap:wrap;padding-top:.5rem;border-top:1px solid var(--color-border-light)}.patrol-task-detail{display:flex;flex-direction:column;gap:1rem}.patrol-task-map-container{height:300px;border-radius:var(--radius-md);overflow:hidden;position:relative;border:1px solid var(--color-border);background:#e8eaf0}.patrol-task-map-el{width:100%;height:100%}.patrol-task-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.patrol-task-stat{background:var(--color-bg-subtle);border-radius:var(--radius-sm);padding:.6rem .75rem;display:flex;flex-direction:column;gap:.2rem}.patrol-task-stat-label{font-size:.72rem;color:var(--color-text-muted)}.patrol-task-stat-value{font-size:.88rem;font-weight:600;color:var(--color-text-primary)}.patrol-video-section{border:1.5px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.patrol-video-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .875rem;background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);font-size:.82rem;font-weight:500;color:var(--color-text-secondary)}.patrol-video-live-dot{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;color:#22c55e}.patrol-video-live-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;animation:blink 1.4s ease-in-out infinite;display:block}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.patrol-video-frame{width:100%;height:200px;object-fit:cover;background:#1a1d2e;display:block}.patrol-video-placeholder{width:100%;height:200px;background:linear-gradient(135deg,#1a1d2e,#2d3148);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff6;gap:.5rem;font-size:.82rem}.patrol-legend{display:flex;align-items:center;gap:1rem;padding:.5rem .75rem;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-sm);font-size:.76rem;color:var(--color-text-secondary);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.patrol-legend-item{display:flex;align-items:center;gap:.35rem}.patrol-legend-dot{width:10px;height:10px;border-radius:50%}.patrol-legend-line{width:20px;height:3px;border-radius:2px}.patrol-draw-banner{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:200;background:#4f6ef7eb;color:#fff;border-radius:var(--radius-md);padding:.55rem 1.25rem;font-size:.82rem;font-weight:500;box-shadow:0 4px 16px #4f6ef759;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;gap:.5rem;white-space:nowrap;pointer-events:none;animation:slideDown .25s ease}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.patrol-loading{display:flex;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--color-text-muted);gap:.5rem;font-size:.85rem}.patrol-spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.patrol-body{flex-direction:column}.patrol-sidebar{width:100%;max-width:100%;max-height:260px;border-right:none;border-bottom:1px solid var(--color-border)}.patrol-task-grid{grid-template-columns:1fr;padding:.75rem}}.patrol-results-page{width:100%;min-width:1080px;min-height:100%;padding:18px 22px 24px;color:var(--sub-text-secondary)}.pr-header{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:12px 18px;margin-bottom:14px;border:1px solid var(--sub-border-soft);border-left:3px solid var(--sub-cyan);background:linear-gradient(90deg,rgba(8,66,108,.5),rgba(4,24,51,.46) 62%,transparent);box-shadow:inset 0 0 25px #147fc212}.pr-header:before{content:"";position:absolute;left:0;top:-1px;width:96px;height:2px;background:linear-gradient(90deg,var(--sub-cyan),transparent);box-shadow:0 0 8px var(--sub-cyan)}.pr-kicker{color:#35cfff;font:600 8px/1 Courier New,monospace;letter-spacing:2px}.pr-header h1{margin:4px 0 2px;color:#e9f9ff;font-size:21px;letter-spacing:1.5px;text-shadow:0 0 10px rgba(43,210,255,.3)}.pr-header p{margin:0;color:var(--sub-muted);font-size:11px}.pr-refresh{display:flex;align-items:center;gap:7px;padding:9px 14px;color:#eafaff;border:1px solid rgba(48,207,255,.58);border-radius:3px;background:linear-gradient(135deg,#0c85cce6,#1453b1e6);box-shadow:0 0 14px #1fa9ec29}.pr-refresh:hover:not(:disabled){border-color:#7ce7ff;box-shadow:0 0 20px #2bd2ff4d}.pr-refresh:disabled{opacity:.5;cursor:not-allowed}.pr-refresh svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.8}.pr-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.pr-summary>button{position:relative;display:flex;align-items:center;gap:14px;min-height:94px;padding:14px 18px;text-align:left;color:var(--sub-text-secondary);border:1px solid var(--sub-border);border-radius:4px;background:linear-gradient(145deg,var(--sub-panel-strong),var(--sub-panel));box-shadow:inset 0 0 24px #127bbe0e,0 0 14px #0047841a;overflow:hidden}.pr-summary>button:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,rgba(43,210,255,.72),transparent);transform:scaleX(0);transition:.2s}.pr-summary>button:hover,.pr-summary>button.active{border-color:#31ccffb8;background:linear-gradient(145deg,#082a52fa,#051b39f5)}.pr-summary>button.active:after{transform:scaleX(1)}.pr-summary-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(52,196,246,.38);background:#0b588b4d;box-shadow:inset 0 0 13px #2dc6ff1f,0 0 12px #1699dc1f}.pr-summary-icon.image{color:#35e3ad;border-color:#31e3a166;background:#14785838}.pr-summary-icon.video{color:#4da6ff}.pr-summary-icon.track{color:#f4c85b;border-color:#f4c85b6b;background:#825c1138}.pr-summary-icon.ai{color:#ff758b;border-color:#ff5b726b;background:#8b19303d}.pr-summary-icon svg{width:27px;fill:none;stroke:currentColor;stroke-width:1.6}.pr-summary>button>span:last-child{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.pr-summary small{width:100%;color:#7ca7bd;font-size:12px}.pr-summary strong{color:#f2fbff;font:700 29px/1 Courier New,monospace}.pr-summary em{color:var(--sub-muted);font-size:11px;font-style:normal}.pr-content{border:1px solid var(--sub-border);border-radius:4px;background:linear-gradient(145deg,#051732f5,#030f23f5);box-shadow:inset 0 0 28px #127bbe0a}.pr-toolbar{min-height:58px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--sub-border-soft);background:#07234485}.pr-tabs{display:flex;gap:7px}.pr-tabs button{min-width:86px;padding:8px 12px;color:#799db1;border:1px solid rgba(61,145,190,.3);border-radius:2px;background:#05244499;font-size:12px}.pr-tabs button span{margin-left:6px;color:#4d7187;font:11px Courier New,monospace}.pr-tabs button:hover,.pr-tabs button.active{color:#eaffff;border-color:#2dcfff;background:linear-gradient(135deg,#0f82beb3,#0c4a8fb8);box-shadow:0 0 13px #2bd2ff29}.pr-tabs button.active span{color:#a9efff}.pr-search{width:min(360px,35vw);height:36px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#6390a8;border:1px solid rgba(52,159,211,.38);border-radius:3px;background:#010f22ad}.pr-search:focus-within{color:#35d3ff;border-color:#32cfff;box-shadow:0 0 0 2px #2bd2ff14}.pr-search svg{width:16px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8}.pr-search input{flex:1;min-width:0;color:#dff7ff;border:0;outline:0;background:transparent;font-size:12px}.pr-search input::placeholder{color:#3f677d}.pr-search button{color:#6c98ae;font-size:19px;line-height:1}.pr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px}.pr-card{min-width:0;cursor:pointer;border:1px solid rgba(44,153,207,.4);border-radius:3px;background:linear-gradient(150deg,#072344f5,#04142bfa);box-shadow:inset 0 0 18px #127bbe0a;overflow:hidden;transition:.2s ease}.pr-card:hover{border-color:#31ccffcc;box-shadow:0 0 18px #1a9adf29;transform:translateY(-2px)}.pr-media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#010714;border-bottom:1px solid rgba(44,153,207,.3)}.pr-media img,.pr-media video{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s ease}.pr-card:hover .pr-media img,.pr-card:hover .pr-media video{transform:scale(1.025)}.pr-media:after{content:"";position:absolute;inset:auto 0 0;height:40%;pointer-events:none;background:linear-gradient(transparent,#010814b3)}.pr-type{position:absolute;z-index:2;right:7px;top:7px;display:flex;align-items:center;gap:4px;padding:3px 7px;color:#c9f6ff;background:#086fa8db;border:1px solid rgba(76,210,255,.48);border-radius:2px;font-size:10px}.pr-type.image{color:#b8ffe7;background:#127453e0;border-color:#3fe6aa73}.pr-type.track{color:#fff0b4;background:#7e580ee6;border-color:#f4c85b80}.pr-type.ai{color:#ffd6dc;background:#911933e6;border-color:#ff5b7280}.pr-type svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2}.pr-play{position:absolute;z-index:2;left:50%;top:50%;width:44px;height:44px;display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:#031d37b3;box-shadow:0 0 18px #2bd2ff42;transform:translate(-50%,-50%)}.pr-play svg{width:22px;fill:currentColor;stroke:none}.pr-track-preview{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(17,100,135,.28),transparent 55%),#020d1d}.pr-track-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.55;background-image:linear-gradient(rgba(40,170,220,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(40,170,220,.1) 1px,transparent 1px);background-size:18px 18px}.pr-track-preview svg{position:absolute;top:8%;right:8%;bottom:8%;left:8%;width:84%;height:84%;overflow:visible}.pr-track-preview polyline{fill:none;stroke:#35e3ad;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px rgba(49,227,161,.72))}.pr-track-preview circle{vector-effect:non-scaling-stroke;stroke:#fff;stroke-width:1.2}.pr-track-preview circle.start{fill:#31e3a1}.pr-track-preview circle.end{fill:#ff667d}.pr-track-label{position:absolute;z-index:2;bottom:8px;padding:2px 6px;color:#a9ccdc;border:1px solid rgba(50,159,204,.3);background:#021327c2;font-size:9px}.pr-track-label.start{left:8px}.pr-track-label.end{right:8px}.pr-track-preview.large{width:min(820px,68vw);height:min(620px,74vh)}.pr-track-preview.large .pr-track-grid{background-size:34px 34px}.pr-track-preview.large polyline{stroke-width:3.2}.pr-track-preview.large .pr-track-label{bottom:16px;padding:5px 9px;font-size:11px}.pr-track-preview.large .pr-track-label.start{left:16px}.pr-track-preview.large .pr-track-label.end{right:16px}.pr-track-empty{width:100%;height:100%;display:grid;place-items:center;color:#527890;font-size:11px}.pr-ai-preview{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,rgba(113,31,88,.34),transparent 56%),linear-gradient(145deg,#08112a,#17091d)}.pr-ai-preview>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.64}.pr-ai-core{position:relative;z-index:1;width:58px;height:58px;display:grid;place-items:center;color:#ff7188;border:1px solid rgba(255,91,114,.58);transform:rotate(45deg);box-shadow:inset 0 0 20px #ff5b721f,0 0 20px #ff5b7229}.pr-ai-core svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.5;transform:rotate(-45deg)}.pr-ai-scan{position:absolute;z-index:2;left:8%;right:8%;top:28%;height:1px;background:linear-gradient(90deg,transparent,#ff7188,transparent);box-shadow:0 0 8px #ff7188;animation:pr-ai-scan 2.2s ease-in-out infinite}.pr-ai-preview>strong{position:absolute;z-index:2;left:9px;bottom:8px;color:#fff1f4;font:700 15px Courier New,monospace;text-shadow:0 0 9px rgba(255,91,114,.8)}.pr-ai-preview>small{position:absolute;z-index:2;right:9px;bottom:9px;color:#ff9aaa;font-size:9px}@keyframes pr-ai-scan{0%,to{top:25%;opacity:.45}50%{top:72%;opacity:1}}.pr-ai-detail{width:min(820px,68vw);height:min(620px,74vh);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle,rgba(119,28,74,.3),transparent 54%),#030914}.pr-ai-detail>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:.52}.pr-ai-detail-icon{position:relative;z-index:1;width:110px;height:110px;display:grid;place-items:center;color:#ff6d84;border:1px solid rgba(255,91,114,.5);box-shadow:inset 0 0 30px #ff5b721a,0 0 30px #ff5b7226}.pr-ai-detail-icon svg{width:58px;fill:none;stroke:currentColor;stroke-width:1.3}.pr-ai-detail>span:not(.pr-ai-detail-icon){position:relative;z-index:1;margin-top:26px;color:#ff8598;font:10px Courier New,monospace;letter-spacing:3px}.pr-ai-detail>strong{position:relative;z-index:1;margin-top:9px;color:#fff;font:700 46px Courier New,monospace;text-shadow:0 0 18px rgba(255,91,114,.56)}.pr-ai-detail>small{position:relative;z-index:1;color:#815363;font-size:11px}.pr-card-body{padding:10px 11px 9px}.pr-card-body h2{margin:0 0 9px;overflow:hidden;color:#e1f7ff;font:600 12px/1.4 Courier New,monospace;text-overflow:ellipsis;white-space:nowrap}.pr-card-body p{display:grid;grid-template-columns:60px minmax(0,1fr);gap:7px;margin:4px 0;font-size:10px}.pr-card-body p span{color:#50768c}.pr-card-body p strong{overflow:hidden;color:#8eb8cc;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.pr-card-footer{display:flex;justify-content:space-between;gap:8px;margin-top:8px;padding-top:7px;color:#456a80;border-top:1px solid rgba(45,146,199,.16);font-size:9px}.pr-card-footer span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pr-state{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#527890;text-align:center}.pr-state strong{color:#a8c9d9;font-size:14px}.pr-state p{margin:0;font-size:11px}.pr-state.error strong{color:#ff8393}.pr-state.error button{margin-top:6px;padding:7px 12px;color:#dff8ff;border:1px solid #2abfe9;border-radius:3px;background:#0d60978c}.pr-spinner{width:34px;height:34px;border:2px solid rgba(43,210,255,.18);border-top-color:#2bd2ff;border-radius:50%;animation:pr-spin .8s linear infinite}.pr-empty-icon{width:54px;height:54px;display:grid;place-items:center;color:#48788f;border:1px solid rgba(55,139,183,.3);background:#082d4f6b}.pr-empty-icon svg{width:27px;fill:none;stroke:currentColor;stroke-width:1.4}@keyframes pr-spin{to{transform:rotate(360deg)}}.pr-pagination{min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:9px 14px;color:#527890;border-top:1px solid var(--sub-border-soft);font-size:11px}.pr-pagination div{display:flex;align-items:center;gap:7px}.pr-pagination button{padding:6px 10px;color:#83aec2;border:1px solid rgba(50,150,199,.34);border-radius:2px;background:#062a4ca6}.pr-pagination button:hover:not(:disabled){color:#e8fbff;border-color:#2bd2ff}.pr-pagination button:disabled{opacity:.35;cursor:not-allowed}.pr-pagination strong{width:28px;height:28px;display:grid;place-items:center;color:#fff;border:1px solid #2bd2ff;background:#1077b4b8}.pr-modal{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:28px;background:#00050edb;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pr-modal-panel{position:relative;width:min(1180px,92vw);max-height:90vh;display:grid;grid-template-columns:minmax(0,1fr) 300px;border:1px solid rgba(51,204,255,.62);border-radius:4px;background:#031024;box-shadow:0 0 55px #0a82cb3d;overflow:hidden}.pr-modal-close{position:absolute;z-index:3;right:9px;top:8px;width:32px;height:32px;color:#9ec6d8;border:1px solid rgba(79,169,213,.35);border-radius:3px;background:#031a34db;font-size:22px;line-height:1}.pr-modal-close:hover{color:#fff;border-color:#38d1ff}.pr-modal-media{min-height:520px;max-height:82vh;display:grid;place-items:center;background:#01050c;overflow:hidden}.pr-modal-media img,.pr-modal-media video{max-width:100%;max-height:82vh;object-fit:contain}.pr-modal-info{padding:50px 20px 20px;border-left:1px solid rgba(45,146,199,.24);background:linear-gradient(155deg,#082446fa,#031227fa)}.pr-modal-info>div>span{color:#31cfff;font:9px Courier New,monospace;letter-spacing:1.4px}.pr-modal-info h2{margin:8px 0 24px;overflow-wrap:anywhere;color:#effbff;font-size:15px;line-height:1.5}.pr-modal-info dl{display:grid;gap:15px}.pr-modal-info dl div{padding-bottom:12px;border-bottom:1px solid rgba(45,146,199,.17)}.pr-modal-info dt{margin-bottom:4px;color:#4f778e;font-size:10px}.pr-modal-info dd{margin:0;overflow-wrap:anywhere;color:#a7cbdc;font-size:12px}@media (max-width: 1380px){.pr-summary,.pr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}:is(.user-management,.device-management,.cluster-management,.device-control-page,.cluster-control-page,.live-video-page,.patrol-page,.patrol-results-page,.placeholder-page){--sub-bg: #020817;--sub-panel: rgba(5, 23, 50, .92);--sub-panel-strong: rgba(7, 31, 65, .97);--sub-panel-soft: rgba(9, 44, 78, .64);--sub-border: rgba(45, 169, 229, .38);--sub-border-soft: rgba(45, 146, 199, .2);--sub-cyan: #2bd2ff;--sub-blue: #2385ff;--sub-text: #d8f0fb;--sub-text-secondary: #8db4c8;--sub-muted: #527890;--sub-success: #31e3a1;--sub-warning: #ffb64a;--sub-danger: #ff5b72;--color-primary: #28cfff;--color-primary-light: #62ddff;--color-primary-dark: #168dd2;--color-primary-bg: rgba(43, 210, 255, .1);--color-primary-border: rgba(43, 210, 255, .3);--color-bg-body: #020817;--color-bg-white: rgba(5, 23, 50, .94);--color-bg-card: rgba(7, 31, 65, .94);--color-bg-subtle: rgba(8, 48, 82, .62);--color-bg-hover: rgba(13, 78, 123, .62);--color-text-primary: #dff5ff;--color-text-secondary: #8db4c8;--color-text-muted: #527890;--color-text-placeholder: #3e667e;--color-border: rgba(45, 169, 229, .34);--color-border-light: rgba(45, 146, 199, .2);--color-border-focus: #2bd2ff;--shadow-sm: 0 3px 12px rgba(0, 0, 0, .2);--shadow-md: 0 8px 24px rgba(0, 0, 0, .28);--shadow-lg: 0 14px 38px rgba(0, 0, 0, .36);--shadow-xl: 0 22px 70px rgba(0, 0, 0, .55);--shadow-primary: 0 0 20px rgba(43, 210, 255, .25);position:relative;width:100%;min-width:1080px;height:100%;min-height:0;margin:0;color:var(--sub-text-secondary);background:radial-gradient(circle at 50% 18%,rgba(10,91,157,.22),transparent 36%),linear-gradient(145deg,#020817,#031228 52%,#020817);overflow:auto;isolation:isolate;color-scheme:dark;scrollbar-width:none;-ms-overflow-style:none}:is(.user-management,.device-management,.cluster-management,.device-control-page,.cluster-control-page,.live-video-page,.patrol-page,.patrol-results-page,.placeholder-page)::-webkit-scrollbar,:is(.user-management,.device-management,.cluster-management,.device-control-page,.cluster-control-page,.live-video-page,.patrol-page,.patrol-results-page) *::-webkit-scrollbar{display:none;width:0;height:0}:is(.user-management,.device-management,.cluster-management,.device-control-page,.cluster-control-page,.live-video-page,.patrol-page,.patrol-results-page) *{scrollbar-width:none;-ms-overflow-style:none}:is(.user-management,.device-management,.cluster-management,.device-control-page,.cluster-control-page,.live-video-page,.patrol-page,.patrol-results-page,.placeholder-page):before{content:"";position:fixed;z-index:-1;top:92px;right:0;bottom:0;left:0;pointer-events:none;opacity:.42;background-image:linear-gradient(rgba(38,155,218,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(38,155,218,.05) 1px,transparent 1px);background-size:34px 34px}.user-management,.patrol-page{overflow:hidden}.device-management,.cluster-management,.device-control-page,.cluster-control-page,.live-video-page{max-width:none;padding:18px 22px 24px}.patrol-page{height:100%}:is(.um-header,.dm-header,.cm-header,.dc-header,.cc-header,.lv-header,.patrol-header){position:relative;min-height:62px;margin:0 0 14px;padding:10px 14px 12px;border:1px solid var(--sub-border-soft);border-left:3px solid var(--sub-cyan);background:linear-gradient(90deg,rgba(8,66,108,.46),rgba(4,24,51,.42) 60%,transparent);box-shadow:inset 0 0 25px #147fc20f;flex-shrink:0}:is(.um-header,.dm-header,.cm-header,.dc-header,.cc-header,.lv-header,.patrol-header):before{content:"";position:absolute;left:0;top:-1px;width:82px;height:2px;background:linear-gradient(90deg,var(--sub-cyan),transparent);box-shadow:0 0 8px var(--sub-cyan)}:is(.um-header,.dm-header,.cm-header,.dc-header,.cc-header,.lv-header,.patrol-header):after{content:"SYSTEM MODULE";position:absolute;right:13px;bottom:6px;color:#3d94bb4d;font:7px/1 Courier New,monospace;letter-spacing:1.4px;pointer-events:none}.user-management .um-header,.patrol-page .patrol-header{margin:14px 18px}:is(.um-header-left,.dm-header-left,.cm-header-left,.dc-header,.cc-header,.lv-header){align-items:center}:is(.um-header,.dm-header,.cm-header,.dc-header,.cc-header,.lv-header,.patrol-header) :is(.page-title,h1){margin:0;color:#e9f9ff;font-size:20px;font-weight:700;letter-spacing:1.5px;text-shadow:0 0 10px rgba(43,210,255,.28)}:is(.um-header,.dm-header,.cm-header,.dc-header,.cc-header,.lv-header,.patrol-header) :is(.page-subtitle,.patrol-subtitle){color:var(--sub-muted);font-size:11px;letter-spacing:.25px}:is(.btn-primary,.dm-btn-add,.dm-btn-scan,.cm-btn-create,.dc-btn-test,.cc-btn-toggle-cam,.lv-btn-primary,.patrol-btn-primary,.dm-btn-submit,.cm-btn-submit,.dc-btn-send,.cc-btn-send){color:#effcff;border:1px solid rgba(48,207,255,.62);border-radius:3px;background:linear-gradient(135deg,#0c85cceb,#1453b1eb);box-shadow:0 0 14px #1fa9ec2e,inset 0 0 12px #ffffff0d}:is(.btn-primary,.dm-btn-add,.dm-btn-scan,.cm-btn-create,.dc-btn-test,.cc-btn-toggle-cam,.lv-btn-primary,.patrol-btn-primary,.dm-btn-submit,.cm-btn-submit,.dc-btn-send,.cc-btn-send):hover:not(:disabled){color:#fff;border-color:#7ce7ff;background:linear-gradient(135deg,#14a4e5f5,#1966cef5);box-shadow:0 0 20px #2bd2ff52;transform:translateY(-1px)}:is(.btn-secondary,.dm-btn-cancel,.cm-btn-cancel,.patrol-btn-secondary,.lv-btn,.cc-btn-arrange){color:var(--sub-text-secondary);border:1px solid rgba(63,157,207,.36);border-radius:3px;background:#082f5294}:is(.btn-secondary,.dm-btn-cancel,.cm-btn-cancel,.patrol-btn-secondary,.lv-btn,.cc-btn-arrange):hover:not(:disabled){color:#e7f9ff;border-color:var(--sub-cyan);background:#0e5b8bad}:is(.btn-danger,.dm-btn-delete,.cm-btn-danger,.patrol-btn-danger,.lv-btn-danger,.dc-btn-emergency,.cc-btn-emergency){color:#ff9eaa;border:1px solid rgba(255,91,114,.46);border-radius:3px;background:#8b19304d;box-shadow:none}:is(.btn-danger,.dm-btn-delete,.cm-btn-danger,.patrol-btn-danger,.lv-btn-danger,.dc-btn-emergency,.cc-btn-emergency):hover:not(:disabled){color:#fff;border-color:var(--sub-danger);background:#c6244294;box-shadow:0 0 18px #ff405e38}:is(.um-stat-card,.um-table,.dm-device-card,.cm-card,.dc-selector-card,.dc-camera-card,.dc-control-card,.dc-log-container,.cc-selector-card,.cc-cameras-section,.cc-control-card,.cc-log-container,.lv-toolbar,.lv-video-card,.patrol-sidebar,.patrol-card,.patrol-task-card,.patrol-task-stat,.patrol-video-section){color:var(--sub-text-secondary);border:1px solid var(--sub-border);border-radius:4px;background:linear-gradient(145deg,var(--sub-panel-strong),var(--sub-panel));box-shadow:inset 0 0 24px #127bbe0e,0 0 14px #0047841a}:is(.um-stat-card,.dm-device-card,.cm-card,.patrol-card,.patrol-task-card,.lv-video-card):hover{border-color:#31ccffb8;box-shadow:inset 0 0 25px #138cd214,0 0 18px #1a9adf24;transform:translateY(-2px)}:is(.dm-device-card,.cm-card,.patrol-card,.patrol-task-card,.lv-video-card){position:relative;overflow:hidden}:is(.dm-device-card,.cm-card,.patrol-card,.patrol-task-card,.lv-video-card):before{content:"";position:absolute;z-index:3;left:-1px;top:-1px;width:30px;height:2px;background:var(--sub-cyan);box-shadow:0 0 7px var(--sub-cyan)}:is(.um-stat-number,.user-cell-name,.dm-device-name,.dm-stat-value,.dm-sys-section-title,.dm-sys-value,.dm-sys-info-value,.cm-title,.cm-device-list h4,.dc-selector-left h2,.dc-camera-title,.dc-control-card h3,.dc-log-header h3,.cc-selector-left h2,.cc-cameras-title,.cc-control-card h3,.cc-log-header h3,.lv-video-card-name,.patrol-card-title,.patrol-task-title,.patrol-task-stat-value,.patrol-map-hint h3){color:var(--sub-text)}:is(.um-stat-label,.user-nickname,.time-cell,.dm-device-ip,.dm-stat-label,.dm-device-gps,.dm-form-hint,.dm-token-desc,.dm-token-meta,.dm-sys-label,.dm-sys-info-label,.cm-desc,.dc-device-info,.dc-control-desc,.dc-speed-info,.dc-log-time,.cc-cluster-info,.cc-control-desc,.cc-speed-info,.cc-log-time,.lv-video-card-ip,.lv-placeholder-hint,.lv-empty-desc,.patrol-card-desc,.patrol-card-meta,.patrol-task-info-row .label,.patrol-task-stat-label,.patrol-form-hint,.patrol-map-hint p){color:var(--sub-muted)}.user-management{background-color:var(--sub-bg)}.um-search{color:var(--sub-muted);border:1px solid rgba(55,151,202,.36);border-radius:3px;background:#052342b8}.um-search:focus-within{border-color:var(--sub-cyan);box-shadow:0 0 0 2px #2bd2ff1a}.um-search input{color:var(--sub-text)}.um-stats{padding:0 18px 14px}.um-stat-card{padding:13px 16px}.um-stat-icon{border-radius:3px;border:1px solid rgba(62,163,215,.25);background:#0b456f8f!important}.um-stat-icon.total{color:var(--sub-cyan)}.um-stat-icon.active{color:var(--sub-success)}.um-stat-icon.inactive{color:var(--sub-danger)}.um-table-container{padding:0 18px 18px;scrollbar-width:none}.um-table{overflow:hidden;border-collapse:separate}.um-table thead{background:#083d65ad}.um-table th{color:#69b9d8;border-color:var(--sub-border-soft);font-size:11px;letter-spacing:.5px}.um-table td{color:var(--sub-text-secondary);border-color:#317da729}.um-table tbody tr{background:transparent}.um-table tbody tr:hover{background:#0f578540}.user-cell-avatar{color:var(--sub-cyan);border:1px solid rgba(43,210,255,.34);background:#167bb333}.action-btn{border-radius:3px;background:#072b4c9e}.action-btn.edit{color:#5bcaff}.action-btn.delete{color:#ff8796}.status-badge.active{color:var(--sub-success);background:#31e3a114}.status-badge.inactive{color:var(--sub-danger);background:#ff5b7214}.dm-device-grid,.cm-grid{gap:14px}.dm-device-card,.cm-card{padding:18px}.dm-device-icon{color:var(--sub-cyan);border:1px solid rgba(43,210,255,.35);border-radius:3px;background:#1069a538}.dm-device-status.online{color:var(--sub-success);background:#31e3a11a;border-color:#31e3a14d}.dm-device-status.offline{color:#8397a5;background:#6a7f8f1a;border-color:#708c9e40}.dm-device-stats{border-color:var(--sub-border-soft)}.dm-stat-item{background:#0629498c;border:1px solid rgba(40,126,172,.15)}.dm-stat-bar-container,.dm-sys-bar-track,.dm-sys-core-bar-track{background:#2e648433}.dm-device-gps,.dm-device-actions{border-color:var(--sub-border-soft)}.dm-btn-icon,.cm-btn-icon{color:#78a9c1;border:1px solid rgba(57,145,192,.28);border-radius:3px;background:#072c4d9e}.dm-btn-icon:hover,.cm-btn-icon:hover{color:#e4f8ff;border-color:var(--sub-cyan);background:#0d5b8994}.dm-extra-tag{color:#75b4cf;border-color:#3999c940;background:#072f518c}.dm-expand-btn{color:#65b9db;border-color:#36a0d247;background:#08385e66}.dm-expand-btn:hover{color:#dff7ff;border-color:var(--sub-cyan);background:#0c5280a8}.dm-sys-panel{border-color:#2f9cd047;background:#03142abd}.dm-sys-section{border-color:var(--sub-border-soft);background:#072a488a}.dm-sys-section-title{border-color:#2d7aa32e}.dm-sys-row,.dm-sys-nic{border-color:#2d7aa329}.dm-sys-core,.dm-sys-info-item{background:#072541b8;border:1px solid rgba(39,118,158,.14)}.dm-sys-meta span{color:#79a9bf;background:#08375bad}.dm-hardware-diagram{padding:.75rem;overflow-x:auto;color:#8bc5dd;border:1px solid rgba(47,146,194,.24);border-radius:3px;background:#02142ac7;font:.7rem/1.35 JetBrains Mono,Consolas,monospace;white-space:pre;scrollbar-width:none}.dm-hardware-list{margin:0;padding-left:1.2rem;color:#78a8be;font:.72rem/1.5 JetBrains Mono,Consolas,monospace}.dm-scan-label{display:block;margin-bottom:.5rem;color:#86adc0;font-size:.88rem;font-weight:500}.dm-scan-cache,.dm-inline-empty{color:var(--sub-muted)!important}.dm-device-type-inline{margin-left:8px;color:var(--sub-cyan);font-size:.8rem;font-weight:600}.dm-vendor-tag{margin-left:6px;padding:1px 5px;color:#79a8be;border:1px solid rgba(48,132,176,.18);border-radius:2px;background:#062a48a6;font-size:.75rem}.dm-token-new{color:#9ccee1;border-color:#31e3a14d;background:#1a715324}.dm-token-code,.dm-token-item{color:#8dc2d8;border-color:var(--sub-border-soft);background:#03172eb8}.dm-token-status.active,.dm-sys-nic-status.up{color:#8ff4c8;background:#18795838}.dm-token-status.inactive,.dm-sys-nic-status.down{color:#ff9eaa;background:#8b193047}.dm-wifi-item{color:var(--sub-text-secondary);border-color:var(--sub-border-soft);background:#072b4b99}.dm-wifi-item:hover{border-color:var(--sub-cyan);background:#0c4e7b8c}.dm-wifi-ssid{color:#dff5ff}.dm-wifi-ip{color:#79a9bf}.dm-wifi-item-action{color:#83dfff;background:#0a53808a}.dm-wifi-item:hover .dm-wifi-item-action{color:#effcff;background:#127eb5c2}.dm-btn-icon.token:hover{color:#83dfff;border-color:var(--sub-cyan);background:#0c5280a8}:is(.dm-btn-icon.delete,.cm-btn-icon.delete):hover{color:#ff9eaa;border-color:var(--sub-danger);background:#8b193057}.cm-card{min-height:240px}.cm-device-list{border-top:1px solid var(--sub-border-soft);padding-top:12px}.cm-device-item{color:var(--sub-text-secondary);border-color:#2b7da933;background:#06284799}.cm-btn-add-device{color:var(--sub-success);border-color:#31e3a159;background:#1879581f}.cm-btn-add-device:hover{color:#a8ffdd;border-color:var(--sub-success);background:#18795838}:is(.modal-overlay,.dm-modal-overlay,.cm-modal-overlay,.patrol-modal-overlay){background:#000612c7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}:is(.modal-content,.dm-modal,.cm-modal,.patrol-modal){position:relative;color:var(--sub-text-secondary);border:1px solid transparent;border-radius:5px;background:linear-gradient(145deg,#08234a,#031027);background-clip:padding-box;box-shadow:0 22px 70px #000000a6,inset 0 0 30px #157dc712;overflow:hidden;isolation:isolate}:is(.modal-content,.dm-modal,.cm-modal,.patrol-modal):after{content:"";position:absolute;z-index:30;top:0;right:0;bottom:0;left:0;pointer-events:none;border:1px solid rgba(45,190,246,.55);border-radius:inherit}:is(.modal-header,.dm-modal-header,.cm-modal-header,.patrol-modal-header){position:relative;z-index:20;border-color:var(--sub-border-soft);border-radius:4px 4px 0 0;background:#051f3dfa}:is(.modal-header h2,.dm-modal-header h2,.cm-modal-header h2,.patrol-modal-header h2,.delete-modal h3,.dm-delete-modal h3,.cm-delete-modal h3){color:#e7f8ff}:is(.modal-close,.dm-modal-close,.cm-modal-close,.patrol-modal-close){position:relative;z-index:21;flex:0 0 auto;color:#dff8ff;border:1px solid rgba(68,195,239,.48);background:#094a71e0;box-shadow:0 0 12px #2bd2ff1f}:is(.modal-close,.dm-modal-close,.cm-modal-close,.patrol-modal-close):hover{color:#fff;border-color:var(--sub-cyan);background:#0f74a6f0}:is(.modal-form-group label,.dm-form-group label,.cm-form-group label,.patrol-form-group label){color:#86adc0}:is(.modal-form-group input,.dm-form-group input,.dm-form-group select,.cm-form-group input,.cm-form-group textarea,.cm-form-group select,.patrol-form-group input,.patrol-form-group textarea,.patrol-form-group select,.patrol-header-select,.dc-select,.cc-select,.lv-device-select,.dc-input,.cc-input){color:var(--sub-text);border:1px solid rgba(58,158,207,.4);border-radius:3px;background:#031b37db;outline:none}:is(.modal-form-group input,.dm-form-group input,.dm-form-group select,.cm-form-group input,.cm-form-group textarea,.cm-form-group select,.patrol-form-group input,.patrol-form-group textarea,.patrol-form-group select,.patrol-header-select,.dc-select,.cc-select,.lv-device-select,.dc-input,.cc-input):focus{border-color:var(--sub-cyan);box-shadow:0 0 0 2px #2bd2ff1a,0 0 12px #2bd2ff14}:is(.dc-select,.cc-select,.lv-device-select,.patrol-header-select){-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:2.25rem;color:#dff5ff;background-color:#031b37;background-image:linear-gradient(45deg,transparent 50%,#71cbe9 50%),linear-gradient(135deg,#71cbe9 50%,transparent 50%);background-position:calc(100% - 15px) calc(50% - 1px),calc(100% - 10px) calc(50% - 1px);background-repeat:no-repeat;background-size:5px 5px;color-scheme:dark;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,color .2s ease}:is(.dc-select,.cc-select,.lv-device-select,.patrol-header-select):is(:hover,:focus,:active,:open){color:#effcff;border-color:var(--sub-cyan);background-color:#052544}.patrol-header-select{min-width:190px;padding-block:.5rem;padding-left:.85rem;font-family:inherit;font-size:.84rem;line-height:1.4}:is(.modal-actions,.dm-modal-footer,.cm-modal-footer,.patrol-modal-footer){border-color:var(--sub-border-soft)}.modal-actions{background:transparent}:is(.dm-modal-footer,.cm-modal-footer,.patrol-modal-footer){background:#041b36e0}:is(.dm-modal-footer,.cm-modal-footer,.patrol-modal-footer){border-radius:0 0 4px 4px}.modal-error,.dm-form-error,.patrol-form-error{color:#ff9ba8;border-color:#ff5b7257;background:#84142b2e}.toggle-switch input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:42px;height:22px;flex:0 0 42px;margin:0;padding:0;border:1px solid rgba(58,158,207,.4);border-radius:999px;background:#3b668166;cursor:pointer;transition:background .3s ease}.toggle-switch input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000026;transform:translate(0);transition:transform .3s ease}.toggle-switch input[type=checkbox]:checked{background:var(--sub-blue)}.toggle-switch input[type=checkbox]:checked:after{transform:translate(20px)}.toggle-switch .toggle-slider{display:none}:is(.device-control-page,.cluster-control-page){overflow:auto}:is(.dc-selector-card,.cc-selector-card){margin-bottom:14px;padding:13px 16px}:is(.dc-device-info,.cc-cluster-info){border-color:var(--sub-border-soft)}:is(.dc-main-layout,.cc-content-grid){gap:14px}:is(.dc-camera-card,.dc-control-card,.dc-log-container,.cc-control-card,.cc-log-container){border-radius:4px}:is(.dc-camera-header,.cc-cameras-toolbar){color:var(--sub-text);border-color:var(--sub-border-soft);background:#073358b8}:is(.dc-log-header,.cc-log-header){color:var(--sub-text);background:transparent}:is(.dc-camera-viewport,.cc-cameras-canvas,.cc-mini-cam-viewport){background:#010710}.dc-camera-info-bar,.cc-mini-cam-info{color:#4d7489;border-color:var(--sub-border-soft);background:#021123f2}:is(.dc-camera-retry-btn,.cc-mini-retry){color:#9ed8ed;border-color:#2bd2ff66;background:#0a507c75}:is(.dc-camera-retry-btn,.cc-mini-retry):hover{color:#effcff;border-color:var(--sub-cyan);background:#0e699cb8}:is(.dc-camera-btn,.dc-btn-clear,.dc-preset-btn,.cc-btn-clear,.cc-preset-btn){color:#76a9c0;border-color:#3891bf47;border-radius:3px;background:#072b4ba6}:is(.dc-camera-btn,.dc-btn-clear,.dc-preset-btn,.cc-btn-clear,.cc-preset-btn):hover:not(:disabled){color:#e9faff;border-color:var(--sub-cyan);background:#0c5280a8}:is(.dc-preset-commands,.cc-preset-commands){border-top:0}:is(.dc-preset-commands,.cc-preset-commands) label{color:var(--sub-text-secondary)}:is(.dc-speed-slider,.cc-speed-slider,.cc-size-slider){-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;height:auto;border:0;border-radius:0;background:transparent;box-shadow:none;accent-color:var(--sub-cyan)}:is(.dc-speed-slider,.cc-speed-slider,.cc-size-slider)::-webkit-slider-thumb{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;width:auto;height:auto;margin-top:0;border:initial;border-radius:initial;background:initial;box-shadow:none}:is(.dc-num-btn,.cc-num-btn){color:#a7d4e6;border:1px solid rgba(47,151,204,.38);border-radius:4px;background:linear-gradient(145deg,#083a63db,#041d3ceb);box-shadow:inset 0 0 14px #1982c40f}:is(.dc-num-btn,.cc-num-btn):hover:not(:disabled),:is(.dc-num-btn,.cc-num-btn).active{color:#fff;border-color:var(--sub-cyan);background:#0f77b1b3;box-shadow:0 0 14px #2bd2ff33}:is(.dc-num-btn.stop,.cc-num-btn.stop){color:#ff9eaa;border-color:#ff5b7266;background:#70162a57}:is(.dc-logs,.cc-logs){scrollbar-width:none;border-color:#2b91c23d;background:#010c1bb8}:is(.dc-log-item,.cc-log-item){border-color:#2b749a24}:is(.dc-log-msg,.cc-log-msg){color:#78a6bc}:is(.dc-log-msg.success,.cc-log-msg.success){color:var(--sub-success)}:is(.dc-log-msg.error,.cc-log-msg.error){color:var(--sub-danger)}:is(.dc-log-msg.warning,.cc-log-msg.warning){color:var(--sub-warning)}.cc-cameras-section{margin-bottom:14px}.cc-cameras-canvas{border-color:var(--sub-border-soft);background-image:linear-gradient(rgba(29,132,190,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(29,132,190,.055) 1px,transparent 1px);background-size:24px 24px}.cc-mini-cam{color:var(--sub-text-secondary);border-color:#2ba7e06b;border-radius:3px;background:#031026;box-shadow:0 5px 18px #00000047}.cc-mini-cam-header{color:var(--sub-text);border-color:var(--sub-border-soft);background:#08395ef0}.cc-cameras-resize-bar{background:#072b4bcc;border-color:var(--sub-border-soft)}.cc-cameras-resize-bar:hover{background:#0c5280b8}:is(.dc-num-btn.stop,.cc-num-btn.stop):hover:not(:disabled){color:#ffdbe0;border-color:var(--sub-danger);background:#a01f3794}.live-video-page{overflow:auto}.lv-toolbar{margin-bottom:14px;padding:12px 14px}.lv-layout-btns{border:1px solid var(--sub-border-soft);border-radius:3px;background:#031933bf}.lv-layout-btn{color:#658fa6;border-radius:2px}.lv-layout-btn:hover:not(.active){color:#bfeeff;background:#0a48717a}.lv-layout-btn.active{color:#e9faff;background:#116fa9a6;box-shadow:inset 0 0 10px #2bd2ff1a}.lv-video-grid{gap:12px}.lv-video-card-header{color:var(--sub-text);border-color:var(--sub-border-soft);background:#073154e6}.lv-card-btn{color:#72a6bf;border-color:#338bb93d;background:#05233fb8}.lv-card-btn:hover{color:#fff;border-color:var(--sub-cyan);background:#0e5a89b3}.lv-video-container{background:#01060e}.lv-video-placeholder{color:#456d83;background:radial-gradient(circle,#0b37576b,#010710 70%)}.lv-loading-overlay,.lv-error-overlay{background:#010812e0}.lv-error-retry{color:#9ed8ed;border-color:#2bd2ff66;background:#0a507c75}.lv-error-retry:hover{color:#effcff;border-color:var(--sub-cyan);background:#0e699cb8}.lv-video-overlay-info{color:#a6d1e2;background:#010c1ac2}.lv-empty-state{color:var(--sub-muted);border-color:var(--sub-border-soft);background:#0419339e}.lv-toast.success{color:#b1ffe0;border-color:#31e3a166;background:#0b4d3af2}.lv-toast.error{color:#ffb2bd;border-color:#ff5b7266;background:#561222f2}.patrol-body{margin:0 18px 18px;border:1px solid var(--sub-border);background:#031126cc}.patrol-sidebar{border:0;border-right:1px solid var(--sub-border);border-radius:0}.patrol-sidebar-toolbar{border-color:var(--sub-border-soft);background:#0730519e}.patrol-sidebar-toolbar select{color:var(--sub-text);border-color:#3997c759;border-radius:3px;background:#031934d1}.patrol-sidebar-list,.patrol-point-picker,.patrol-modal-body{scrollbar-width:none}.patrol-card{box-shadow:none}.patrol-card:hover{background:#0a446c9e;transform:translate(2px)}.patrol-card.active{border-color:var(--sub-cyan);background:#0c568594;box-shadow:inset 3px 0 0 var(--sub-cyan),0 0 12px #2bd2ff1a}.patrol-card.active .patrol-card-title{color:#effcff}.patrol-card-tag{color:#6f9cb2;border-color:#3287b33d;background:#031b36a6}.patrol-card.active .patrol-card-tag{color:#8eddf4;border-color:#2bd2ff40;background:#07426680}.patrol-card-actions,.patrol-task-actions{border-color:var(--sub-border-soft)}.patrol-map-container,.patrol-task-map-container{background:#031025}.patrol-map-hint{color:var(--sub-text-secondary);border:1px solid rgba(43,183,235,.4);border-radius:4px;background:#041833e6;box-shadow:0 12px 35px #00000061}.patrol-map-badge{color:var(--sub-text-secondary);border:1px solid rgba(43,177,228,.38);border-radius:3px;background:#031831e6;box-shadow:0 8px 22px #00000052}.patrol-map-badge strong{color:#e4f8ff}.patrol-btn{border-radius:3px}.patrol-btn-success{color:#dfffee;border:1px solid rgba(49,227,161,.42);background:#17916394;box-shadow:none}.patrol-btn-warning{color:#fff2d7;border:1px solid rgba(255,182,74,.42);background:#9a5b1094;box-shadow:none}.patrol-btn-icon{color:#658fa6}.patrol-btn-icon:hover{color:var(--sub-cyan);background:#0b4d767a}.patrol-task-grid{padding:0 18px 18px;gap:12px}.patrol-task-card.running{border-color:#31e3a185;box-shadow:inset 3px 0 0 var(--sub-success),0 0 15px #31e3a114}.patrol-task-info{border-color:var(--sub-border-soft)}.patrol-task-stat{background:#052340b8}.patrol-point-picker{border-color:var(--sub-border-soft);background:#021328a6}.patrol-point-item{color:var(--sub-text-secondary);border-color:#2f7fa92e;background:#06274594}.patrol-point-item:hover,.patrol-point-item.selected{border-color:var(--sub-cyan);background:#0a507c8a}.patrol-selected-item{color:var(--sub-text-secondary);border-color:var(--sub-border-soft);background:#0627459e}.patrol-video-frame{background:#010710}.patrol-video-placeholder{color:#456e84}.patrol-legend{color:#6b97ac;border-color:var(--sub-border-soft);background:#031831e0}.patrol-draw-banner{color:#dff8ff;border-color:#2bd2ff66;background:#085b8be6}.patrol-status-pending{color:#8fa9b8;border-color:#84a0b147;background:#647b8a1a}.patrol-status-running{color:var(--sub-success);border-color:#31e3a159;background:#31e3a114}.patrol-status-paused{color:var(--sub-warning);border-color:#ffb64a59;background:#ffb64a14}.patrol-status-completed{color:#61b8ff;border-color:#3795ff59;background:#3795ff14}.patrol-status-cancelled{color:var(--sub-danger);border-color:#ff5b7259;background:#ff5b7214}:is(.um-loading,.um-empty,.patrol-empty,.patrol-loading,.dm-scan-status,.lv-empty-state){color:var(--sub-muted)}:is(.um-spinner,.patrol-spinner,.dm-scan-spinner,.dc-camera-spinner,.cc-mini-cam-spinner,.lv-spinner){border-color:#2bd2ff33;border-top-color:var(--sub-cyan)}.toast-notification{border-radius:3px;box-shadow:0 14px 40px #0006}.toast-notification.success{color:#b2ffe1;border-color:#31e3a166;background:#0a4b38f2}.toast-notification.error{color:#ffb3bd;border-color:#ff5b7266;background:#5b1425f2}.placeholder-page{min-width:1080px;background:radial-gradient(circle,rgba(9,83,142,.26),transparent 35%),#020817}.placeholder-content{width:470px;padding:45px 40px;border:1px solid var(--sub-border);border-radius:4px;background:linear-gradient(145deg,#071f42f0,#031024f5);box-shadow:0 0 30px #0f85cd21}.placeholder-icon{color:var(--sub-cyan);text-shadow:0 0 15px var(--sub-cyan)}.placeholder-content h2{color:#e8f9ff}.placeholder-content p,.progress-text{color:var(--sub-muted)}.progress-bar{background:#2d688938}.progress-fill{background:linear-gradient(90deg,var(--sub-blue),var(--sub-cyan));box-shadow:0 0 8px var(--sub-cyan)}.themed-select{position:relative;width:100%;min-width:0}.themed-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;min-width:0;padding:.65rem .85rem;color:#dff5ff;border:1px solid rgba(58,158,207,.4);border-radius:3px;background:#031b37;font:inherit;line-height:1.4;text-align:left;cursor:pointer;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.themed-select-trigger:hover,.themed-select-trigger:focus,.themed-select.is-open .themed-select-trigger{color:#effcff;border-color:var(--sub-cyan, #2bd2ff);background-color:#052544;box-shadow:0 0 0 2px #2bd2ff1a,0 0 12px #2bd2ff14}.themed-select.is-disabled .themed-select-trigger{color:#668a9c;border-color:#3a7b9c3d;background:#07182c;cursor:not-allowed;opacity:.72}.themed-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.themed-select-arrow{width:7px;height:7px;flex:0 0 7px;border-right:1.5px solid #71cbe9;border-bottom:1.5px solid #71cbe9;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}.themed-select.is-open .themed-select-arrow{transform:translateY(2px) rotate(225deg)}.themed-select-menu{position:fixed;z-index:10000;max-height:min(320px,45vh);padding:4px;overflow-x:hidden;overflow-y:auto;color:#e4f6fd;border:1px solid rgba(43,190,239,.58);border-radius:4px;background:#061a35;box-shadow:0 14px 34px #00000094,inset 0 0 18px #2bd2ff0a;scrollbar-width:thin;scrollbar-color:rgba(65,175,222,.48) #061a35}.themed-select-menu::-webkit-scrollbar{width:7px}.themed-select-menu::-webkit-scrollbar-track{background:#061a35}.themed-select-menu::-webkit-scrollbar-thumb{border-radius:999px;background:#41afde7a}.themed-select-option{padding:.58rem .72rem;overflow:hidden;color:#d8eff9;border-radius:2px;font-size:.88rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.themed-select-option.is-active{color:#fff;background:#0b4e78}.themed-select-option.is-selected{color:#fff;background:#0b5b8a}.themed-select-option.is-disabled{color:#668b9e;background:transparent;cursor:not-allowed}.themed-select-option.is-disabled.is-selected{color:#d5f2fc;background:#123f5f}.lv-toolbar .themed-select,.patrol-header-actions .themed-select{width:auto}.dm-form-group .themed-select-trigger,.cm-form-group .themed-select-trigger,.patrol-form-group .themed-select-trigger{padding:.7rem .85rem;font-size:.9rem}:is(.user-management,.device-management,.cluster-management,.device-control-page,.cluster-control-page,.live-video-page,.patrol-page) select{color-scheme:dark;background-color:#031b37}:is(.user-management,.device-management,.cluster-management,.device-control-page,.cluster-control-page,.live-video-page,.patrol-page) select :is(option,optgroup){color:#e4f6fd;background-color:#061a35;font-weight:500}:is(.user-management,.device-management,.cluster-management,.device-control-page,.cluster-control-page,.live-video-page,.patrol-page) select option:checked{color:#fff;background-color:#0b5b8a;background-image:linear-gradient(#0b5b8a,#0b5b8a);box-shadow:0 0 0 100vmax #0b5b8a inset}:is(.user-management,.device-management,.cluster-management,.device-control-page,.cluster-control-page,.live-video-page,.patrol-page) select option:disabled{color:#78a5b9}:is(.user-management,.device-management,.cluster-management,.device-control-page,.cluster-control-page,.live-video-page,.patrol-page) select option:disabled:checked{color:#d5f2fc;background-color:#123f5f;background-image:linear-gradient(#123f5f,#123f5f);box-shadow:0 0 0 100vmax #123f5f inset}:is(.user-management,.device-management,.cluster-management,.device-control-page,.cluster-control-page,.live-video-page,.patrol-page) :is(input,textarea,select){color-scheme:dark;caret-color:var(--sub-cyan)}:is(.user-management,.device-management,.cluster-management,.device-control-page,.cluster-control-page,.live-video-page,.patrol-page) :is(input,textarea)::placeholder{color:var(--sub-muted);opacity:.82}:is(.user-management,.device-management,.cluster-management,.device-control-page,.cluster-control-page,.live-video-page,.patrol-page) :is(input,textarea):-webkit-autofill{-webkit-text-fill-color:var(--sub-text);box-shadow:0 0 0 1000px #031b37 inset;caret-color:var(--sub-cyan)}:is(.user-management,.device-management,.cluster-management,.device-control-page,.cluster-control-page,.live-video-page,.patrol-page) button:disabled{color:#55788d;border-color:#3674943d;background:#18364e94;box-shadow:none;opacity:.72}.dm-device-gps,.dc-speed-control,.cc-speed-control{color:var(--sub-text-secondary);border-color:var(--sub-border-soft);background:#052340b8}.dc-speed-control :is(label,span),.cc-speed-control :is(label,span){color:var(--sub-text-secondary)}.cc-cameras-count{color:var(--sub-cyan);border:1px solid rgba(43,210,255,.28);background:#0d5b8b61}:is(.dc-btn-send,.cc-btn-send):disabled{color:#5a8095;border:1px solid rgba(51,126,165,.24);background:linear-gradient(135deg,#113d5bb8,#0c2a49b8)}:is(.dm-modal-body,.cm-modal-body,.patrol-modal-body,.modal-body){color:var(--sub-text-secondary);background:#03142b7a}:is(.dm-scan-panel,.dm-scan-result,.dm-token-panel,.dm-wifi-list,.cm-device-picker){color:var(--sub-text-secondary);border-color:var(--sub-border-soft);background:#031730ad}:is(.dm-empty,.cm-empty,.dc-empty,.cc-empty,.lv-empty-state,.patrol-empty){color:var(--sub-muted);border-color:#2b91c23d;background:#031831ad}.patrol-map-toolbar :is(button,select),.patrol-legend,.patrol-map-badge,.patrol-map-hint{color:var(--sub-text-secondary);border-color:var(--sub-border);background:#031831eb;box-shadow:0 8px 24px #00000057}.patrol-map-toolbar :is(button,select):hover{color:var(--sub-text);border-color:var(--sub-cyan);background:#0a4c77e6}.patrol-map-el.amap-container{background:#031025!important}.patrol-page :is(.amap-toolbar,.amap-scalecontrol,.amap-controlbar){color:var(--sub-text-secondary)!important;border-color:var(--sub-border)!important;background:#061a35!important;filter:brightness(.72) saturate(.9) hue-rotate(155deg)}.patrol-page :is(.amap-info-content,.amap-info-sharp){color:var(--sub-text-secondary)!important;border-color:var(--sub-border)!important;background:#061a35!important}@media (max-width: 1350px){.device-management,.cluster-management,.device-control-page,.cluster-control-page,.live-video-page{padding:14px}.user-management .um-header,.patrol-page .patrol-header{margin:10px 12px}.um-stats{padding:0 12px 10px}.um-table-container{padding:0 12px 12px}.patrol-body{margin:0 12px 12px}.patrol-task-grid{padding:0 12px 12px}}