.logo-area[data-v-97b2daf6]{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--sidebar-border)}.logo-icon[data-v-97b2daf6]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);border-radius:6px;color:#fff;flex-shrink:0}.logo-text[data-v-97b2daf6]{font-size:16px;font-weight:700;color:var(--sidebar-logo-text);white-space:nowrap}.collapse-btn[data-v-97b2daf6]{background:none;border:none;color:var(--topbar-text);width:32px;height:32px;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);flex-shrink:0;transform:rotate(180deg)}.collapse-btn[data-v-97b2daf6]:hover{background:var(--border-light);color:var(--topbar-text-active)}.app-sidebar.collapsed~.app-main .collapse-btn[data-v-97b2daf6]{transform:rotate(0)}.nav-menu[data-v-97b2daf6]{flex:1;padding:12px 10px;overflow-y:auto}.sidebar-bottom[data-v-97b2daf6]{flex-shrink:0;padding:0 10px 14px}.sidebar-divider[data-v-97b2daf6]{height:1px;background:var(--sidebar-border);margin:4px 4px 10px}.admin-entry[data-v-97b2daf6]{background:var(--primary-bg)}.nav-item[data-v-97b2daf6]{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:6px;color:var(--sidebar-text);transition:var(--transition);margin-bottom:2px;cursor:pointer;position:relative}.nav-item[data-v-97b2daf6]:hover{background:var(--sidebar-bg-hover);color:var(--sidebar-logo-text)}.nav-item.active[data-v-97b2daf6]{background:var(--sidebar-active-bg);color:var(--sidebar-text-active)}.nav-item.active[data-v-97b2daf6]:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--sidebar-active-bar);border-radius:0 3px 3px 0}.nav-icon[data-v-97b2daf6]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-label[data-v-97b2daf6]{font-size:14px;font-weight:500;white-space:nowrap}.ship-header[data-v-97b2daf6]{position:relative;display:block;margin:8px 10px 4px}.ship-switch-trigger[data-v-97b2daf6]{width:100%;display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;border:1.5px solid var(--ship-switch-border);background:var(--ship-switch-bg);box-shadow:var(--ship-switch-shadow);cursor:pointer;transition:var(--transition);font-family:inherit;text-align:left}.ship-switch-trigger[data-v-97b2daf6]:hover{border-color:var(--ship-switch-border);box-shadow:var(--ship-switch-shadow-hover)}.ship-switch-trigger .ship-name[data-v-97b2daf6]{color:var(--ship-switch-name)}.ship-switch-trigger .ship-sub[data-v-97b2daf6]{color:var(--ship-switch-sub)}.ship-switch-trigger .ship-caret[data-v-97b2daf6]{color:var(--ship-switch-caret)}.ship-icon[data-v-97b2daf6]{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:6px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.ship-icon[data-v-97b2daf6]:hover{cursor:pointer}.ship-info[data-v-97b2daf6]{min-width:0;flex:1}.ship-name[data-v-97b2daf6]{font-size:14px;font-weight:600;color:var(--sidebar-logo-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ship-sub[data-v-97b2daf6]{font-size:11px;color:var(--text-muted);margin-top:2px}.ship-caret[data-v-97b2daf6]{color:var(--text-muted);transition:transform .2s ease;flex-shrink:0}.ship-caret.open[data-v-97b2daf6]{transform:rotate(180deg)}.ship-switch-trigger.is-locked[data-v-97b2daf6]{cursor:not-allowed;opacity:.78}.ship-switch-trigger.is-locked[data-v-97b2daf6]:hover{border-color:var(--ship-switch-border);box-shadow:var(--ship-switch-shadow)}.ship-lock[data-v-97b2daf6]{color:var(--text-muted);flex-shrink:0}.ship-icon.is-locked-icon[data-v-97b2daf6]{cursor:not-allowed;opacity:.78}.ship-pop[data-v-97b2daf6]{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;padding:8px;box-shadow:0 12px 32px #00000059;z-index:50}.ship-pop-title[data-v-97b2daf6]{font-size:12px;color:var(--text-muted);padding:4px 8px 8px}.ship-pop-item[data-v-97b2daf6]{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;cursor:pointer;transition:var(--transition)}.ship-pop-item[data-v-97b2daf6]:hover{background:var(--border-light)}.ship-pop-item.active[data-v-97b2daf6]{background:var(--primary-bg)}.ship-pop-item.active .ship-pop-name[data-v-97b2daf6]{color:var(--primary);font-weight:600}.ship-pop-item .status-dot[data-v-97b2daf6]{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ship-pop-item .status-dot.online[data-v-97b2daf6]{background:var(--success)}.ship-pop-item .status-dot.offline[data-v-97b2daf6]{background:var(--text-muted)}.ship-pop-item .status-dot.alarm[data-v-97b2daf6]{background:var(--danger)}.ship-pop-name[data-v-97b2daf6]{font-size:13.5px;color:var(--text-primary)}.ship-pop-id[data-v-97b2daf6]{margin-left:auto;font-size:11.5px;color:var(--text-muted);font-family:var(--font-metric)}.ship-pop-enter-active[data-v-97b2daf6],.ship-pop-leave-active[data-v-97b2daf6]{transition:opacity .18s ease,transform .18s ease}.ship-pop-enter-from[data-v-97b2daf6],.ship-pop-leave-to[data-v-97b2daf6]{opacity:0;transform:translateY(6px)}.app-sidebar.collapsed .ship-header[data-v-97b2daf6]{display:flex;justify-content:center;padding:8px 0}.app-sidebar.collapsed .ship-header .ship-icon[data-v-97b2daf6]{box-shadow:0 0 0 3px var(--ship-switch-glow),0 4px 12px #8b5cf640}.ship-modal[data-v-97b2daf6]{max-width:520px}.ship-detail-header[data-v-97b2daf6]{display:flex;align-items:center;gap:14px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--border-color)}.ship-detail-icon[data-v-97b2daf6]{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--primary-bg);color:var(--primary)}.ship-detail-name[data-v-97b2daf6]{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.ship-detail-grid[data-v-97b2daf6]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px}.detail-item[data-v-97b2daf6]{display:flex;flex-direction:column;gap:3px}.detail-label[data-v-97b2daf6]{font-size:12px;color:var(--text-muted)}.detail-value[data-v-97b2daf6]{font-size:14px;font-weight:500;color:var(--text-secondary)}.status-pill[data-v-97b2daf6]{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:8px;font-size:12px;font-weight:500}.status-pill .status-dot[data-v-97b2daf6]{width:6px;height:6px;border-radius:50%}.status-pill.online[data-v-97b2daf6]{background:var(--success-bg);color:var(--success)}.status-pill.online .status-dot[data-v-97b2daf6]{background:var(--success)}.status-pill.offline[data-v-97b2daf6]{background:var(--border-light);color:var(--text-muted)}.status-pill.offline .status-dot[data-v-97b2daf6]{background:var(--text-muted)}.status-pill.alarm[data-v-97b2daf6]{background:var(--danger-bg);color:var(--danger)}.status-pill.alarm .status-dot[data-v-97b2daf6]{background:var(--danger)}.modal-overlay[data-v-97b2daf6]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal[data-v-97b2daf6]{background:var(--card-bg);border-radius:14px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-97b2daf6]{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-title[data-v-97b2daf6]{font-size:16px;font-weight:600;color:var(--text-primary)}.modal-close[data-v-97b2daf6]{border:none;background:transparent;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:6px;display:flex;transition:var(--transition)}.modal-close[data-v-97b2daf6]:hover{background:var(--border-light);color:var(--text-primary)}.modal-body[data-v-97b2daf6]{padding:20px 24px;display:flex;flex-direction:column;gap:18px}.modal-footer[data-v-97b2daf6]{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border-color)}.modal-fade-enter-active[data-v-97b2daf6],.modal-fade-leave-active[data-v-97b2daf6]{transition:opacity .22s ease}.modal-fade-enter-active .modal[data-v-97b2daf6],.modal-fade-leave-active .modal[data-v-97b2daf6]{transition:transform .22s ease}.modal-fade-enter-from[data-v-97b2daf6],.modal-fade-leave-to[data-v-97b2daf6]{opacity:0}.modal-fade-enter-from .modal[data-v-97b2daf6],.modal-fade-leave-to .modal[data-v-97b2daf6]{transform:translateY(12px) scale(.98)}.topbar-left[data-v-97b2daf6]{display:flex;align-items:center;gap:12px}.breadcrumb[data-v-97b2daf6]{display:flex;align-items:center;gap:8px;font-size:14px}.breadcrumb-item[data-v-97b2daf6]{color:var(--topbar-text)}.breadcrumb-item.active[data-v-97b2daf6]{color:var(--topbar-text-active);font-weight:500}.breadcrumb-sep[data-v-97b2daf6]{color:var(--text-muted)}.topbar-actions[data-v-97b2daf6]{display:flex;align-items:center;gap:16px}.topbar-btn[data-v-97b2daf6]{position:relative;background:none;border:none;color:var(--topbar-text);width:36px;height:36px;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.topbar-btn[data-v-97b2daf6]:hover{background:var(--border-light);color:var(--topbar-text-active)}.badge-dot[data-v-97b2daf6]{position:absolute;top:-5px;right:-5px;min-width:15px;height:15px;padding:0 3px;background:var(--danger);border-radius:999px;border:1.5px solid var(--topbar-bg);color:#fff;font-size:9px;line-height:12px;font-weight:700;display:flex;align-items:center;justify-content:center;box-sizing:content-box;box-shadow:0 0 0 1px #0000000f;pointer-events:none}.notify-wrap[data-v-97b2daf6]{position:relative}.notify-panel[data-v-97b2daf6]{position:absolute;top:calc(100% + 10px);right:0;width:340px;max-height:460px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 16px 44px #00000052;z-index:100;display:flex;flex-direction:column;overflow:hidden}.notify-head[data-v-97b2daf6]{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border-color)}.notify-title[data-v-97b2daf6]{font-size:14px;font-weight:600;color:var(--text-primary)}.notify-scope[data-v-97b2daf6]{font-size:11px;color:var(--text-muted);background:var(--border-light);padding:2px 8px;border-radius:999px}.notify-readall[data-v-97b2daf6]{margin-left:auto;border:none;background:none;color:var(--primary);font-size:12px;cursor:pointer;padding:4px 6px;border-radius:6px;transition:var(--transition)}.notify-readall[data-v-97b2daf6]:hover{background:var(--primary-bg)}.notify-list[data-v-97b2daf6]{flex:1;overflow-y:auto;padding:6px}.notify-item[data-v-97b2daf6]{display:flex;gap:10px;padding:10px;border-radius:8px;cursor:pointer;transition:var(--transition);position:relative}.notify-item[data-v-97b2daf6]:hover{background:var(--border-light)}.notify-dot[data-v-97b2daf6]{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0;background:var(--text-muted)}.notify-item.unread .notify-dot[data-v-97b2daf6]{box-shadow:0 0 0 3px var(--primary-bg)}.notify-item.danger .notify-dot[data-v-97b2daf6]{background:var(--danger)}.notify-item.warning .notify-dot[data-v-97b2daf6]{background:var(--warning, #f59e0b)}.notify-item.success .notify-dot[data-v-97b2daf6]{background:var(--success)}.notify-item.muted .notify-dot[data-v-97b2daf6]{background:var(--text-muted)}.notify-item.unread[data-v-97b2daf6]{background:#6366f10a}.notify-body[data-v-97b2daf6]{flex:1;min-width:0}.notify-row[data-v-97b2daf6]{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.notify-name[data-v-97b2daf6]{font-size:13.5px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notify-time[data-v-97b2daf6]{font-size:11px;color:var(--text-muted);flex-shrink:0;font-family:var(--font-metric)}.notify-summary[data-v-97b2daf6]{font-size:12.5px;color:var(--text-secondary);margin-top:3px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notify-tags[data-v-97b2daf6]{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.notify-tag[data-v-97b2daf6]{font-size:10.5px;padding:2px 7px;border-radius:6px;background:var(--border-light);color:var(--text-muted)}.notify-tag.ship[data-v-97b2daf6]{color:var(--primary);background:var(--primary-bg);font-weight:500}.notify-tag.lv-level2[data-v-97b2daf6]{color:#fff;background:var(--danger)}.notify-tag.lv-level1[data-v-97b2daf6]{color:#fff;background:var(--warning, #f59e0b)}.notify-tag.lv-early[data-v-97b2daf6]{color:var(--text-secondary);background:var(--border-light)}.notify-tag.st[data-v-97b2daf6]{color:var(--text-muted)}.notify-empty[data-v-97b2daf6]{padding:36px 16px;text-align:center;font-size:13px;color:var(--text-muted)}.notify-foot[data-v-97b2daf6]{padding:11px 14px;text-align:center;font-size:13px;color:var(--primary);border-top:1px solid var(--border-color);cursor:pointer;transition:var(--transition)}.notify-foot[data-v-97b2daf6]:hover{background:var(--primary-bg)}.notify-pop-enter-active[data-v-97b2daf6],.notify-pop-leave-active[data-v-97b2daf6]{transition:opacity .16s ease,transform .16s ease}.notify-pop-enter-from[data-v-97b2daf6],.notify-pop-leave-to[data-v-97b2daf6]{opacity:0;transform:translateY(-6px)}.topbar-user[data-v-97b2daf6]{position:relative;display:flex;align-items:center;gap:8px;padding-left:16px;border-left:1px solid var(--topbar-border)}.topbar-avatar[data-v-97b2daf6]{width:32px;height:32px;border-radius:5px;background:var(--primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.topbar-username[data-v-97b2daf6]{font-size:14px;font-weight:500;color:var(--topbar-text-active)}.topbar-role[data-v-97b2daf6]{font-size:11px;font-weight:600;color:var(--primary);background:var(--primary-bg);padding:2px 8px;border-radius:999px;white-space:nowrap}.topbar-caret[data-v-97b2daf6]{color:var(--topbar-text);transition:transform .2s ease;flex-shrink:0}.topbar-caret.open[data-v-97b2daf6]{transform:rotate(180deg)}.user-pop[data-v-97b2daf6]{position:absolute;top:calc(100% + 10px);right:0;width:260px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:10px;box-shadow:0 16px 40px #00000052;z-index:100}.user-pop-title[data-v-97b2daf6]{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-muted);padding:2px 6px 6px}.user-pop-role[data-v-97b2daf6]{font-weight:600;color:var(--primary)}.user-pop-hint[data-v-97b2daf6]{font-size:11px;color:var(--text-muted);padding:0 6px 8px;line-height:1.5;border-bottom:1px solid var(--border-color);margin-bottom:6px}.user-pop-item[data-v-97b2daf6]{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;cursor:pointer;transition:var(--transition)}.user-pop-item[data-v-97b2daf6]:hover{background:var(--border-light)}.user-pop-item.active[data-v-97b2daf6]{background:var(--primary-bg)}.user-pop-avatar[data-v-97b2daf6]{width:30px;height:30px;border-radius:6px;background:var(--primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.user-pop-info[data-v-97b2daf6]{flex:1;min-width:0}.user-pop-name[data-v-97b2daf6]{font-size:13.5px;font-weight:500;color:var(--text-primary)}.user-pop-role2[data-v-97b2daf6]{font-size:11.5px;color:var(--text-muted)}.user-pop-check[data-v-97b2daf6]{color:var(--primary);font-weight:700;font-size:14px}.user-pop-divider[data-v-97b2daf6]{height:1px;background:var(--border-color);margin:6px 2px 4px}.user-pop-logout[data-v-97b2daf6]{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;cursor:pointer;font-size:13.5px;font-weight:500;color:var(--danger);transition:var(--transition)}.user-pop-logout[data-v-97b2daf6]:hover{background:var(--danger-bg)}.user-pop-enter-active[data-v-97b2daf6],.user-pop-leave-active[data-v-97b2daf6]{transition:opacity .16s ease,transform .16s ease}.user-pop-enter-from[data-v-97b2daf6],.user-pop-leave-to[data-v-97b2daf6]{opacity:0;transform:translateY(-6px)}.user-mask[data-v-97b2daf6]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90}@media (max-width: 768px){.logo-area[data-v-97b2daf6]{justify-content:center;padding:16px 0}.nav-item[data-v-97b2daf6]{justify-content:center;padding:11px 0}.nav-item.active[data-v-97b2daf6]:before{display:none}.topbar-username[data-v-97b2daf6]{display:none}.topbar-user[data-v-97b2daf6]{padding-left:8px}}*{margin:0;padding:0;box-sizing:border-box}:root{--sidebar-bg: #ffffff;--sidebar-bg-hover: #f1f5f9;--sidebar-active-bg: linear-gradient(135deg, #6366f1, #7c3aed);--sidebar-active-bar: #6366f1;--sidebar-text: #64748b;--sidebar-text-active: #ffffff;--sidebar-logo-text: #1e293b;--sidebar-border: #f1f5f9;--topbar-bg: #ffffff;--topbar-border: #e2e8f0;--topbar-text: #64748b;--topbar-text-active: #1e293b;--main-bg: #f1f5f9;--card-bg: #ffffff;--card-shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .04);--card-radius: 8px;--card-radius-sm: 5px;--primary: #6366f1;--primary-hover: #5558e3;--primary-light: #818cf8;--primary-bg: #eef2ff;--primary-border: #c7d2fe;--primary-gradient: linear-gradient(135deg, #6366f1, #7c3aed);--ship-switch-bg: linear-gradient(135deg, #ede9fe, #e9d5ff);--ship-switch-border: #8b5cf6;--ship-switch-shadow: 0 0 0 3px rgba(139, 92, 246, .12), 0 4px 12px rgba(139, 92, 246, .18);--ship-switch-shadow-hover: 0 0 0 3px rgba(139, 92, 246, .22), 0 6px 16px rgba(139, 92, 246, .28);--ship-switch-name: #5b21b6;--ship-switch-sub: #7c3aed;--ship-switch-caret: #6d28d9;--ship-switch-glow: rgba(139, 92, 246, .18);--accent: #10b981;--accent-hover: #059669;--accent-bg: #ecfdf5;--accent-gradient: linear-gradient(135deg, #10b981, #059669);--success: #10b981;--success-bg: #ecfdf5;--warning: #f59e0b;--warning-bg: #fffbeb;--danger: #ef4444;--danger-bg: #fef2f2;--info: #3b82f6;--info-bg: #eff6ff;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--text-on-dark: #e2e8f0;--text-on-primary: #ffffff;--border-color: #e2e8f0;--border-light: #f1f5f9;--divider: #e5e7eb;--table-header-bg: #e0e7ff;--alarm-early: #0ea5e9;--alarm-early-bg: #ecfeff;--alarm-level1: #f97316;--alarm-level1-bg: #fff7ed;--alarm-level2: #ef4444;--alarm-level2-bg: #fef2f2;--video-bg: #0f172a;--video-toolbar-bg: rgba(15, 23, 42, .85);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--transition: all .2s ease;--transition-theme: background-color .3s ease, color .3s ease, border-color .3s ease;--fluid-space: clamp(12px, 1vw, 20px);--fluid-page-pad: clamp(16px, 1.6vw, 28px);--fluid-card-pad: clamp(14px, 1.4vw, 22px);--fluid-gap: clamp(12px, 1vw, 20px);--fluid-radius: clamp(6px, .5vw, 10px);--fluid-font: clamp(13px, .4vw + 11px, 15px);--fluid-title: clamp(17px, .6vw + 14px, 22px);--fluid-icon: clamp(40px, 3vw, 50px)}@media (min-width: 1600px){:root{--fluid-space: 22px;--fluid-page-pad: 32px;--fluid-card-pad: 24px;--fluid-gap: 22px;--fluid-radius: 10px;--fluid-icon: 52px}}@media (max-width: 1100px){:root{--fluid-space: 14px;--fluid-page-pad: 18px;--fluid-card-pad: 16px;--fluid-gap: 14px}}[data-theme=dark]{--sidebar-bg: #0f0a1e;--sidebar-bg-hover: #1a1530;--sidebar-active-bg: linear-gradient(135deg, #6366f1, #7c3aed);--sidebar-active-bar: #ffffff;--sidebar-text: #64748b;--sidebar-text-active: #ffffff;--sidebar-logo-text: #ffffff;--sidebar-border: rgba(255, 255, 255, .08);--topbar-bg: #1a1530;--topbar-border: #2d2540;--topbar-text: #94a3b8;--topbar-text-active: #e2e8f0;--main-bg: #15102a;--card-bg: #1a1530;--card-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .4), 0 2px 6px rgba(0, 0, 0, .3);--card-radius: 8px;--card-radius-sm: 5px;--primary: #818cf8;--primary-hover: #6366f1;--primary-light: #a5b4fc;--primary-bg: rgba(99, 102, 241, .15);--primary-border: rgba(129, 140, 248, .3);--primary-gradient: linear-gradient(135deg, #6366f1, #7c3aed);--ship-switch-bg: linear-gradient(135deg, rgba(139, 92, 246, .28), rgba(124, 58, 237, .18));--ship-switch-border: #a78bfa;--ship-switch-shadow: 0 0 0 3px rgba(139, 92, 246, .14), 0 4px 12px rgba(139, 92, 246, .22);--ship-switch-shadow-hover: 0 0 0 3px rgba(139, 92, 246, .24), 0 6px 16px rgba(139, 92, 246, .32);--ship-switch-name: #ffffff;--ship-switch-sub: rgba(255, 255, 255, .78);--ship-switch-caret: rgba(255, 255, 255, .85);--ship-switch-glow: rgba(139, 92, 246, .25);--accent: #34d399;--accent-hover: #10b981;--accent-bg: rgba(16, 185, 129, .15);--accent-gradient: linear-gradient(135deg, #10b981, #059669);--success: #34d399;--success-light: #6ee7b7;--success-bg: rgba(16, 185, 129, .15);--warning: #fbbf24;--warning-bg: rgba(245, 158, 11, .15);--danger: #f87171;--danger-bg: rgba(239, 68, 68, .15);--info: #60a5fa;--info-bg: rgba(59, 130, 246, .15);--text-primary: #e2e8f0;--text-secondary: #cbd5e1;--text-muted: #64748b;--text-on-dark: #e2e8f0;--text-on-primary: #ffffff;--border-color: #2d2540;--border-light: #1f1a35;--divider: #2d2540;--table-header-bg: #221a3e;--alarm-early: #38bdf8;--alarm-early-bg: rgba(14, 165, 233, .15);--alarm-level1: #fb923c;--alarm-level1-bg: rgba(249, 115, 22, .15);--alarm-level2: #f87171;--alarm-level2-bg: rgba(239, 68, 68, .15);--video-bg: #000000;--video-toolbar-bg: rgba(0, 0, 0, .85)}html,body{height:100%;font-family:-apple-system,SF Pro Text,PingFang SC,Microsoft YaHei,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--text-primary);background:var(--main-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:var(--transition-theme)}#app{height:100%}a{text-decoration:none;color:inherit}ul,li{list-style:none}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,select,textarea{font-family:inherit;outline:none}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding:8px 34px 8px 12px;border:1px solid var(--border-color);border-radius:var(--card-radius-sm);font-size:var(--fluid-font);color:var(--text-primary);background-color:var(--card-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239aa3b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px;transition:var(--transition)}select:hover{border-color:var(--primary)}select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}select:disabled{opacity:.55;cursor:not-allowed;background-color:var(--border-light)}select option{background:var(--card-bg);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b899}.sidebar ::-webkit-scrollbar-thumb{background:#94a3b859}.sidebar ::-webkit-scrollbar-thumb:hover{background:#94a3b88c}.app-layout{display:flex;height:100%}.app-sidebar{width:230px;flex-shrink:0;background:var(--sidebar-bg);display:flex;flex-direction:column;position:relative;z-index:100;border-right:1px solid var(--border-color);transition:var(--transition-theme)}.app-sidebar.collapsed{width:64px}.app-sidebar.collapsed .menu-text{display:none}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.app-topbar{height:clamp(48px,4vw,60px);flex-shrink:0;background:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--fluid-page-pad);transition:var(--transition-theme)}.app-content{flex:1;overflow-y:auto;padding:var(--fluid-page-pad);background:var(--main-bg);transition:var(--transition-theme)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--fluid-space);flex-wrap:wrap;gap:var(--fluid-gap)}.page-title{font-size:var(--fluid-title);font-weight:700;color:var(--text-primary)}.page-subtitle{font-size:var(--fluid-font);color:var(--text-muted);margin-top:var(--spacing-xs)}.card{background:var(--card-bg);border-radius:var(--fluid-radius);box-shadow:var(--card-shadow);padding:var(--fluid-card-pad);transition:var(--transition),var(--transition-theme);border:1px solid var(--border-light)}.card:hover{box-shadow:var(--card-shadow-hover)}.card-title{font-size:calc(var(--fluid-font) + 3px);font-weight:600;color:var(--text-primary);margin-bottom:var(--fluid-gap);display:flex;align-items:center;gap:var(--spacing-sm)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:8px 16px;border-radius:var(--card-radius-sm);font-size:var(--fluid-font);font-weight:500;transition:var(--transition);white-space:nowrap;height:36px}.btn-primary{background:var(--primary-gradient);color:var(--text-on-primary)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-outline{background:var(--primary-bg);color:var(--primary);border:1px solid var(--primary-border, var(--border-color))}.btn-warn-outline{background:#f59e0b1f;color:var(--warning);border:1px solid rgba(245,158,11,.35)}.btn-warn-outline:hover{background:#f59e0b33}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}:global([data-theme=dark]) .btn-outline{background:#6366f12e;color:var(--primary-light);border-color:#6366f166}:global([data-theme=dark]) .btn-warn-outline{background:#f59e0b2e;color:var(--warning);border-color:#f59e0b73}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--accent-gradient);color:#fff}.btn-text{background:transparent;color:var(--primary);border:none;padding:6px 12px;font-size:13px;font-weight:500;border-radius:var(--card-radius-sm);cursor:pointer;transition:var(--transition);height:auto;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn-text:hover{background:var(--primary-bg)}.btn-text.btn-text-danger{color:var(--danger)}.btn-text.btn-text-danger:hover{background:var(--danger-bg)}.btn-text.btn-text-muted{color:var(--text-secondary)}.btn-text.btn-text-muted:hover{background:var(--border-light)}.btn-text.btn-text-solid{background:var(--primary-bg);color:var(--primary);font-weight:600}.btn-text.btn-text-solid:hover{background:var(--primary);color:#fff}.btn-text.btn-text-warn{background:var(--warning-bg);color:var(--warning);font-weight:600}.btn-text.btn-text-warn:hover{background:var(--warning);color:#fff}.btn-text.btn-text-success{background:var(--success-bg);color:var(--success);font-weight:600}.btn-text.btn-text-success:hover{background:var(--success);color:#fff}:global([data-theme=dark]) .btn-text.btn-text-solid{background:#6366f133;color:var(--primary-light)}:global([data-theme=dark]) .btn-text.btn-text-solid:hover{background:var(--primary);color:#fff}:global([data-theme=dark]) .btn-text.btn-text-warn{background:var(--warning-bg);color:var(--warning)}:global([data-theme=dark]) .btn-text.btn-text-warn:hover{background:var(--warning);color:#1f2937}:global([data-theme=dark]) .btn-text.btn-text-success{background:#10b98133;color:var(--success-light)}:global([data-theme=dark]) .btn-text.btn-text-success:hover{background:var(--success);color:#fff}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:6px;font-size:calc(var(--fluid-font) - 1px);font-weight:500}.tag-success{background:var(--success-bg);color:var(--success)}.tag-warning{background:var(--warning-bg);color:var(--warning)}.tag-danger{background:var(--danger-bg);color:var(--danger)}.tag-info{background:var(--info-bg);color:var(--info)}.tag-early{background:var(--alarm-early-bg);color:var(--alarm-early)}.tag-level1{background:var(--alarm-level1-bg);color:var(--alarm-level1)}.tag-level2{background:var(--alarm-level2-bg);color:var(--alarm-level2)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--fluid-gap);margin-bottom:var(--fluid-space)}.stat-card{background:var(--card-bg);border-radius:var(--fluid-radius);box-shadow:var(--card-shadow);padding:var(--fluid-card-pad);display:flex;align-items:center;gap:var(--fluid-gap);transition:var(--transition),var(--transition-theme);border:1px solid var(--border-light)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.stat-icon{width:var(--fluid-icon);height:var(--fluid-icon);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-info{flex:1;min-width:0}.stat-value{font-size:clamp(20px,2vw,28px);font-weight:700;color:var(--text-primary);line-height:1.2}.stat-label{font-size:var(--fluid-font);color:var(--text-muted);margin-top:2px}.table-wrapper{overflow-x:auto;border-radius:var(--card-radius-sm);position:relative}table{width:100%;border-collapse:collapse;font-size:var(--fluid-font)}td{white-space:nowrap}th.col-action,td.col-action{position:sticky;right:0;z-index:2;background:var(--card-bg);box-shadow:-8px 0 12px -6px #0000002e}th.col-action{background:var(--table-header-bg)}tbody tr:hover td.col-action{background:var(--border-light)}th{text-align:left;padding:12px 16px;font-weight:600;color:var(--text-secondary);background:var(--table-header-bg);border-bottom:1px solid var(--border-color);white-space:nowrap}td{padding:12px 16px;border-bottom:1px solid var(--border-light);color:var(--text-primary)}tr:last-child td{border-bottom:none}tbody tr{transition:var(--transition)}tbody tr:hover td{background:var(--border-light)}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);align-items:center}.filter-bar select,.filter-bar input{padding:8px 34px 8px 12px;border:1px solid var(--border-color);border-radius:var(--card-radius-sm);font-size:var(--fluid-font);color:var(--text-primary);background-color:var(--card-bg);transition:var(--transition);height:36px}.filter-bar select:focus,.filter-bar input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.segment{display:inline-flex;background:var(--border-color);border-radius:var(--card-radius-sm);padding:3px;gap:2px}.segment button{padding:6px 16px;border-radius:6px;font-size:var(--fluid-font);font-weight:500;color:var(--text-muted);background:transparent;transition:var(--transition)}.segment button.active{background:var(--card-bg);color:var(--primary);box-shadow:0 1px 3px #00000014}.segment button:hover:not(.active){color:var(--text-secondary)}.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-md);color:var(--text-muted)}.search-input{padding:8px 34px 8px 12px;border:1px solid var(--border-color);border-radius:var(--card-radius-sm);font-size:var(--fluid-font);color:var(--text-primary);background-color:var(--card-bg);transition:var(--transition)}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.switch{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--border-color);border-radius:999px;transition:background .2s ease,box-shadow .2s ease}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #00000040}.switch input:checked+.slider{background:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.switch input:checked+.slider:before{transform:translate(18px)}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:6px;font-size:calc(var(--fluid-font) - 1px);font-weight:500}.status-pill .status-dot{width:6px;height:6px;border-radius:50%}.status-pill.online{background:var(--success-bg);color:var(--success)}.status-pill.online .status-dot{background:var(--success)}.status-pill.offline{background:var(--border-light);color:var(--text-muted)}.status-pill.offline .status-dot{background:var(--text-muted)}.status-pill.alarm{background:var(--danger-bg);color:var(--danger)}.status-pill.alarm .status-dot{background:var(--danger);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.pager-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:16px;padding:12px 16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--card-radius-sm)}.pager-size{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);white-space:nowrap}.pager-size-select{width:88px}.pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.pager-btn{min-width:32px;height:32px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--card-radius-sm);border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:var(--transition)}.pager-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.pager-btn:disabled{opacity:.4;cursor:not-allowed}.pager-info{font-size:13px;color:var(--text-secondary);white-space:nowrap}.pager-info b{color:var(--primary);font-size:14px}.pager-total{color:var(--text-muted);font-size:12px}:global([data-theme=dark]) .pager-btn:hover:not(:disabled){background:#6366f12e}@media (max-width: 1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.app-sidebar{width:64px}.app-sidebar .menu-text{display:none}.app-content{padding:var(--fluid-page-pad)}.stat-grid{grid-template-columns:1fr 1fr}.app-topbar{padding:0 var(--fluid-page-pad)}}@media (max-width: 480px){.stat-grid{grid-template-columns:1fr}.app-content{padding:12px}.card{padding:14px}.app-topbar{padding:0 12px}.topbar-actions{gap:8px}table{font-size:12px}th,td{padding:10px 12px}.page-header{gap:10px}}.app-tooltip{position:fixed;z-index:9999;max-width:320px;padding:7px 11px;background:#1e293b;color:#f1f5f9;font-size:12px;line-height:1.5;font-weight:400;border-radius:var(--card-radius-sm);box-shadow:0 6px 20px #0f172a47;border:1px solid rgba(148,163,184,.18);pointer-events:none;opacity:0;transform:translateY(2px);transition:opacity .16s ease,transform .16s ease;white-space:normal;word-break:break-word}.app-tooltip.app-tooltip-visible{opacity:1;transform:translateY(0)}[data-theme=dark] .app-tooltip{background:#312a4d;color:#e2e8f0;border-color:#818cf840;box-shadow:0 6px 22px #00000080}.drawer-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;z-index:2000;display:flex;justify-content:flex-end}.drawer{width:540px;max-width:94vw;height:100%;background:var(--card-bg);box-shadow:-20px 0 60px #0000004d;display:flex;flex-direction:column;animation:drawer-in .26s ease}.drawer-mask.drawer-fade-leave-active .drawer{animation:drawer-out .22s ease forwards}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border-color);flex-shrink:0}.drawer-title{font-size:16px;font-weight:600;color:var(--text-primary)}.drawer-close{border:none;background:transparent;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:6px;display:flex;transition:var(--transition)}.drawer-close:hover{background:var(--border-light);color:var(--text-primary)}.drawer-body{flex:1;overflow-y:auto;padding:14px 20px 12px;display:flex;flex-direction:column}.drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 26px;border-top:1px solid var(--border-color);background:var(--card-bg);flex-shrink:0}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-out{0%{transform:translate(0)}to{transform:translate(100%)}}