:root{--lot-primary: #0ea5e9;--lot-primary-hover: #38bdf8;--lot-primary-active: #0284c7;--lot-primary-bg: #e0f7fe;--lot-primary-bg-hover: #bae8fb;--lot-success: #52c41a;--lot-success-bg: #f6ffed;--lot-success-border: #b7eb8f;--lot-warning: #faad14;--lot-warning-deep: #ad6800;--lot-warning-bg: #fffbe6;--lot-warning-border: #ffe58f;--lot-error: #ff4d4f;--lot-error-bg: #fff2f0;--lot-error-border: #ffccc7;--lot-info: #0ea5e9;--lot-info-bg: #e0f7fe;--lot-info-border: #99e2fa;--lot-bg-base: #eef4fb;--lot-bg-container: #ffffff;--lot-bg-elevated: #ffffff;--lot-bg-mask: rgba(0, 0, 0, .45);--lot-border: #dbe7f4;--lot-border-secondary: rgba(14, 165, 233, .18);--lot-text-primary: #0f2438;--lot-text-secondary: #475569;--lot-text-tertiary: #7c8ea5;--lot-text-disabled: #b8c6d8;--lot-text-inverse: #ffffff;--lot-space-xxs: 4px;--lot-space-xs: 8px;--lot-space-sm: 12px;--lot-space-md: 16px;--lot-space-lg: 24px;--lot-space-xl: 32px;--lot-space-xxl: 48px;--lot-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lot-font-family-mono: "SF Mono", "Cascadia Code", "Fira Code", monospace;--lot-font-size-xs: 12px;--lot-font-size-sm: 13px;--lot-font-size-base: 14px;--lot-font-size-md: 16px;--lot-font-size-lg: 20px;--lot-font-size-xl: 24px;--lot-font-size-xxl: 30px;--lot-line-height: 1.5714;--lot-line-height-heading: 1.3;--lot-radius-sm: 4px;--lot-radius-base: 6px;--lot-radius-md: 8px;--lot-radius-lg: 12px;--lot-radius-xl: 16px;--lot-radius-round: 999px;--lot-shadow-sm: 0 1px 2px rgba(15, 42, 73, .08);--lot-shadow-base: 0 2px 8px rgba(15, 42, 73, .1);--lot-shadow-md: 0 4px 16px rgba(15, 42, 73, .12);--lot-shadow-lg: 0 12px 32px rgba(14, 116, 144, .16);--lot-shadow-card-hover: 0 8px 24px rgba(14, 116, 144, .18);--lot-transition-fast: .15s ease;--lot-transition-base: .25s ease;--lot-transition-slow: .4s ease;--lot-header-height: 56px;--lot-sidebar-width: 240px;--lot-sidebar-collapsed: 80px;--lot-content-max-width: 1200px;--lot-page-padding: 16px;--lot-device-online: var(--lot-success);--lot-device-offline: var(--lot-error);--lot-device-warning: var(--lot-warning);--lot-device-unknown: var(--lot-text-tertiary);--lot-cyan: #22d3ee;--lot-blue: #3b82f6;--lot-indigo: #6366f1;--lot-gradient-primary: linear-gradient(135deg, #22d3ee 0%, #3b82f6 100%);--lot-gradient-primary-deep: linear-gradient(135deg, #06b6d4 0%, #2563eb 100%);--lot-gradient-text: linear-gradient(90deg, #0891b2 0%, #2563eb 100%);--lot-glow-primary: 0 0 16px rgba(34, 211, 238, .35);--lot-glow-primary-lg: 0 0 32px rgba(34, 211, 238, .45);--lot-glass-bg: rgba(255, 255, 255, .72);--lot-glass-bg-strong: rgba(255, 255, 255, .88);--lot-glass-border: rgba(14, 165, 233, .22);--lot-glass-blur: 14px;--lot-grid-line: rgba(14, 165, 233, .05);--lot-aurora-1: rgba(34, 211, 238, .16);--lot-aurora-2: rgba(59, 130, 246, .13);--lot-aurora-3: rgba(99, 102, 241, .11)}[data-theme=dark]{--lot-primary: #22d3ee;--lot-primary-hover: #67e8f9;--lot-primary-active: #0891b2;--lot-primary-bg: rgba(34, 211, 238, .12);--lot-primary-bg-hover: rgba(34, 211, 238, .2);--lot-success: #4ade80;--lot-success-bg: rgba(74, 222, 128, .12);--lot-success-border: rgba(74, 222, 128, .35);--lot-warning: #fbbf24;--lot-warning-deep: #fbbf24;--lot-warning-bg: rgba(251, 191, 36, .12);--lot-warning-border: rgba(251, 191, 36, .35);--lot-error: #f87171;--lot-error-bg: rgba(248, 113, 113, .12);--lot-error-border: rgba(248, 113, 113, .35);--lot-info: #38bdf8;--lot-info-bg: rgba(56, 189, 248, .12);--lot-info-border: rgba(56, 189, 248, .35);--lot-bg-base: #060b14;--lot-bg-container: #0d1626;--lot-bg-elevated: #12203a;--lot-bg-mask: rgba(2, 8, 18, .6);--lot-border: #1c2a45;--lot-border-secondary: rgba(34, 211, 238, .18);--lot-text-primary: #e2ecff;--lot-text-secondary: #a7b8d8;--lot-text-tertiary: #66748f;--lot-text-disabled: #3d4a63;--lot-text-inverse: #ffffff;--lot-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--lot-shadow-base: 0 2px 8px rgba(0, 0, 0, .45);--lot-shadow-md: 0 4px 16px rgba(0, 0, 0, .55);--lot-shadow-lg: 0 12px 40px rgba(0, 0, 0, .6);--lot-shadow-card-hover: 0 8px 24px rgba(2, 132, 199, .28);--lot-gradient-text: linear-gradient(90deg, #22d3ee 0%, #3b82f6 100%);--lot-glow-primary: 0 0 18px rgba(34, 211, 238, .45);--lot-glow-primary-lg: 0 0 36px rgba(34, 211, 238, .55);--lot-glass-bg: rgba(13, 22, 38, .55);--lot-glass-bg-strong: rgba(13, 22, 38, .8);--lot-glass-border: rgba(34, 211, 238, .25);--lot-grid-line: rgba(34, 211, 238, .07);--lot-aurora-1: rgba(34, 211, 238, .22);--lot-aurora-2: rgba(59, 130, 246, .18);--lot-aurora-3: rgba(99, 102, 241, .14)}.lot-admin-scope{--lot-primary: #1677ff;--lot-primary-hover: #4096ff;--lot-primary-active: #0958d9;--lot-primary-bg: #e6f4ff;--lot-primary-bg-hover: #bae0ff;--lot-success-bg: #f6ffed;--lot-success-border: #b7eb8f;--lot-warning-bg: #fffbe6;--lot-warning-border: #ffe58f;--lot-error-bg: #fff2f0;--lot-error-border: #ffccc7;--lot-info: #1677ff;--lot-info-bg: #e6f4ff;--lot-info-border: #91caff;--lot-bg-base: #f5f5f5;--lot-bg-container: #ffffff;--lot-bg-elevated: #ffffff;--lot-border: #f0f0f0;--lot-border-secondary: #d9d9d9;--lot-text-primary: rgba(0, 0, 0, .88);--lot-text-secondary: rgba(0, 0, 0, .65);--lot-text-tertiary: rgba(0, 0, 0, .45);--lot-text-disabled: rgba(0, 0, 0, .25);--lot-shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--lot-shadow-base: 0 2px 8px rgba(0, 0, 0, .08);--lot-shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--lot-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--lot-shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .1)}[data-theme=dark] .lot-admin-scope{--lot-primary: #1677ff;--lot-primary-bg: #111d2c;--lot-success-bg: #162312;--lot-success-border: #274916;--lot-warning-bg: #2b2111;--lot-warning-border: #594214;--lot-error-bg: #2c1618;--lot-error-border: #58181c;--lot-info-bg: #111d2c;--lot-bg-base: #0a0a0a;--lot-bg-container: #1f1f1f;--lot-border: #303030;--lot-text-secondary: rgba(255, 255, 255, .65);--lot-text-tertiary: rgba(255, 255, 255, .45);--lot-text-disabled: rgba(255, 255, 255, .25);--lot-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--lot-shadow-base: 0 2px 8px rgba(0, 0, 0, .4);--lot-shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--lot-shadow-card-hover: 0 4px 16px rgba(0, 0, 0, .45)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;font-family:var(--lot-font-family);font-size:var(--lot-font-size-base);line-height:var(--lot-line-height);color:var(--lot-text-primary);background:var(--lot-bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(640px 420px at 12% -6%,var(--lot-aurora-1),transparent 60%),radial-gradient(720px 520px at 88% 8%,var(--lot-aurora-2),transparent 60%),radial-gradient(820px 640px at 50% 112%,var(--lot-aurora-3),transparent 62%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--lot-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--lot-grid-line) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,rgba(0,0,0,.9),transparent 75%);mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,rgba(0,0,0,.9),transparent 75%)}body:has(.lot-admin-scope):before,body:has(.lot-admin-scope):after{display:none}:root{--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px)}.page-container{padding:var(--lot-page-padding);max-width:var(--lot-content-max-width);margin:0 auto;width:100%}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--lot-space-md)}@media (max-width: 576px){.device-grid{grid-template-columns:1fr;gap:var(--lot-space-xs)}.page-container{padding:var(--lot-space-xs)!important}}@media (min-width: 577px) and (max-width: 992px){.device-grid{grid-template-columns:repeat(2,1fr)}}.device-card{transition:all var(--lot-transition-base);border-radius:var(--lot-radius-md)}.device-card:hover{box-shadow:var(--lot-shadow-card-hover);transform:translateY(-2px)}.device-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--lot-space-sm)}.device-card-header h3{margin:0 0 var(--lot-space-xs) 0;font-size:var(--lot-font-size-md)}.device-card-info{color:var(--lot-text-secondary);font-size:var(--lot-font-size-sm);line-height:1.8}.chart-container{width:100%;height:200px;margin:var(--lot-space-sm) 0}.bottom-safe{padding-bottom:var(--safe-area-inset-bottom)}.page-enter{opacity:0;transform:translateY(8px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--lot-transition-base),transform var(--lot-transition-base)}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .15s ease}.lot-text-center{text-align:center}.lot-text-secondary{color:var(--lot-text-secondary)}.lot-text-tertiary{color:var(--lot-text-tertiary)}.lot-mt-sm{margin-top:var(--lot-space-sm)}.lot-mt-md{margin-top:var(--lot-space-md)}.lot-mb-sm{margin-bottom:var(--lot-space-sm)}.lot-mb-md{margin-bottom:var(--lot-space-md)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#22d3ee47;border-radius:var(--lot-radius-round);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#22d3ee80}html{scrollbar-color:rgba(34,211,238,.35) transparent;scrollbar-width:thin}.lot-maintenance-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(900px 560px at 18% 8%,rgba(34,211,238,.18),transparent 62%),radial-gradient(760px 520px at 82% 22%,rgba(59,130,246,.16),transparent 62%),radial-gradient(1000px 700px at 50% 105%,rgba(99,102,241,.12),transparent 65%),linear-gradient(160deg,#050b16,#081528 52%,#041020)}[data-theme=light] .lot-maintenance-wrap{background:radial-gradient(900px 560px at 18% 8%,rgba(34,211,238,.22),transparent 62%),radial-gradient(760px 520px at 82% 22%,rgba(59,130,246,.18),transparent 62%),linear-gradient(160deg,#dff3fd,#eef4fb 55%,#e6eef9)}.lot-404{text-align:center;padding:100px 24px}.lot-404-code{font-size:72px;margin-bottom:var(--lot-space-md);line-height:1;background:var(--lot-gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(34,211,238,.35))}[data-theme=light] .lot-404-code{background:var(--lot-gradient-primary-deep);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 14px rgba(14,165,233,.28))}.lot-404-desc{font-size:var(--lot-font-size-md);color:var(--lot-text-tertiary);margin-bottom:var(--lot-space-lg)}::selection{background:#0ea5e940;color:var(--lot-text-primary)}[data-theme=dark] ::selection{background:#22d3ee59;color:#fff}:focus-visible{outline:2px solid var(--lot-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--lot-primary-bg)}@media (max-width: 768px){.ant-modal{max-width:95vw!important;margin:8px auto}.ant-modal-body{max-height:70vh;overflow-y:auto}.ant-modal-content{max-height:85vh;overflow:hidden}.ant-descriptions.ant-descriptions-bordered .ant-descriptions-item-label,.ant-descriptions.ant-descriptions-bordered .ant-descriptions-item-content{word-break:break-all}.ant-modal .ant-descriptions-item-content{word-break:break-word;overflow-wrap:break-word}.ant-table-content{overflow-x:auto!important}.ant-table{overflow-x:auto}.ant-statistic-content-value{word-break:break-word}.ant-tag{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ant-input-number{max-width:100%}}.lot-marquee{display:inline-block;max-width:100%;overflow:hidden;vertical-align:middle}.lot-marquee-track{display:inline-flex;white-space:nowrap;will-change:transform}.lot-marquee-on .lot-marquee-track{animation-name:lot-marquee-scroll;animation-timing-function:linear;animation-iteration-count:infinite}.lot-marquee-text{display:inline-block;padding-right:40px}@keyframes lot-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.addr-select-popup .ant-select-item-option{align-items:flex-start;height:auto;min-height:32px}.addr-select-popup .ant-select-item-option-content{white-space:normal;word-break:break-all;line-height:1.5;padding:4px 0}.lot-user-scope .page-container{background:var(--lot-glass-bg);backdrop-filter:blur(var(--lot-glass-blur)) saturate(1.3);-webkit-backdrop-filter:blur(var(--lot-glass-blur)) saturate(1.3);border:1px solid var(--lot-glass-border);border-radius:var(--lot-radius-xl);box-shadow:var(--lot-shadow-md)}@media (max-width: 768px){.lot-user-scope .page-container{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--lot-glass-bg-strong)}}.lot-user-scope .device-card{border:1px solid var(--lot-glass-border);background:var(--lot-glass-bg)}.lot-user-scope .device-card:hover{border-color:#22d3ee8c;box-shadow:var(--lot-shadow-card-hover),var(--lot-glow-primary)}.lot-user-scope .ant-card{border-color:var(--lot-glass-border)}.lot-user-scope .ant-card-hoverable:hover{border-color:#22d3ee8c;box-shadow:var(--lot-shadow-card-hover),var(--lot-glow-primary)}:where(.lot-user-scope,.lot-login-wrap,.lot-404,.lot-maintenance-wrap) .ant-btn-primary:not(:disabled){background:var(--lot-gradient-primary-deep)!important;border:none!important;color:#fff!important;box-shadow:0 4px 14px #0ea5e959!important;text-shadow:0 1px 2px rgba(0,0,0,.15)}[data-theme=dark] :where(.lot-user-scope,.lot-login-wrap,.lot-404,.lot-maintenance-wrap) .ant-btn-primary:not(:disabled){background:var(--lot-gradient-primary)!important;box-shadow:0 4px 18px #22d3ee66!important}:where(.lot-user-scope,.lot-login-wrap) .ant-btn-primary:not(:disabled):hover{filter:brightness(1.08)}:where(.lot-user-scope,.lot-login-wrap) .ant-btn-primary:not(:disabled):active{filter:brightness(.95)}:where(.lot-user-scope,.lot-login-wrap) .ant-btn-primary.ant-btn-dangerous:not(:disabled){background:linear-gradient(135deg,#f87171,#ef4444)!important;box-shadow:0 4px 14px #ef444459!important}body:has(.lot-user-scope) .ant-modal-content,body:has(.lot-login-wrap) .ant-modal-content{border:1px solid var(--lot-glass-border);border-radius:var(--lot-radius-xl);box-shadow:var(--lot-shadow-lg),0 0 32px #22d3ee24;backdrop-filter:blur(var(--lot-glass-blur));-webkit-backdrop-filter:blur(var(--lot-glass-blur))}body:has(.lot-user-scope) :where(.ant-modal,.ant-drawer,.ant-popover,.ant-dropdown) .ant-btn-primary:not(:disabled){background:var(--lot-gradient-primary-deep)!important;border:none!important;color:#fff!important;box-shadow:0 4px 14px #0ea5e959!important}[data-theme=dark] body:has(.lot-user-scope) :where(.ant-modal,.ant-drawer,.ant-popover,.ant-dropdown) .ant-btn-primary:not(:disabled){background:var(--lot-gradient-primary)!important;box-shadow:0 4px 18px #22d3ee66!important}body:has(.lot-user-scope) :where(.ant-modal,.ant-drawer,.ant-popover,.ant-dropdown) .ant-btn-primary.ant-btn-dangerous:not(:disabled){background:linear-gradient(135deg,#f87171,#ef4444)!important;box-shadow:0 4px 14px #ef444459!important}body:has(.lot-login-wrap) .ant-modal .ant-btn-primary:not(:disabled){background:var(--lot-gradient-primary-deep)!important;border:none!important;color:#fff!important;box-shadow:0 4px 14px #0ea5e959!important}[data-theme=dark] body:has(.lot-login-wrap) .ant-modal .ant-btn-primary:not(:disabled){background:var(--lot-gradient-primary)!important;box-shadow:0 4px 18px #22d3ee66!important}:where(.lot-user-scope,.lot-login-wrap,.lot-404,.lot-maintenance-wrap) .ant-tabs-ink-bar{background:var(--lot-gradient-primary)!important;box-shadow:0 0 8px #22d3ee80}[data-theme=light] :where(.lot-user-scope,.lot-login-wrap) .ant-tabs-ink-bar{background:var(--lot-gradient-primary-deep)!important;box-shadow:0 0 8px #0ea5e959}body:has(.lot-user-scope) .ant-modal .ant-tabs-ink-bar{background:var(--lot-gradient-primary)!important}.lot-user-scope .wb-video-box{aspect-ratio:16 / 9;min-height:0!important}.lot-user-scope .wb-video-box>div{min-height:0!important;height:100%!important}.lot-user-scope .wb-video-box video{width:100%!important;max-height:none!important;height:100%!important;object-fit:contain}.lot-user-scope .wb-video-box img{height:100%!important;object-fit:contain}@media (max-width: 576px){.lot-user-scope .wb-video-box{aspect-ratio:auto!important}.lot-user-scope .wb-video-box>div{display:flex!important;flex-wrap:wrap;align-items:center;row-gap:6px;height:auto!important;min-height:160px!important}.lot-user-scope .wb-video-box video{flex:0 0 100%;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:16 / 9;object-fit:contain}.lot-user-scope .wb-video-box img{flex:0 0 100%;width:100%!important;height:auto!important;aspect-ratio:16 / 9;object-fit:contain}.lot-user-scope .wb-video-box .live-flv-box{flex:0 0 100%;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16 / 9}.lot-user-scope .wb-video-box .live-flv-box canvas{width:100%!important;height:100%!important;object-fit:contain}.lot-user-scope .wb-video-box .live-ctrl-top{position:static!important;display:flex;gap:8px}.lot-user-scope .wb-video-box .live-ctrl-bar{position:static!important;flex:0 0 100%}}