@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-main:#f4f6f9;--bg-sidebar:#fff;--bg-header:#fff;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-subtle:#f1f5f9;--bg-badge:#e0f2fe;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-inverse:#fff;--text-brand:#0284c7;--border-color:#e2e8f0;--border-focus:#0284c7;--border-card:#e2e8f0;--accent-primary:#0284c7;--accent-primary-hover:#0369a1;--accent-gradient:linear-gradient(135deg, #0284c7 0%, #0f766e 100%);--accent-success:#059669;--accent-warning:#d97706;--accent-danger:#dc2626;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #0000000d;--shadow-lg:0 12px 24px -4px #00000014;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--font-family:"Inter", system-ui, -apple-system, sans-serif;--transition-normal:.2s ease}[data-theme=dark]{--bg-main:#0b0f19;--bg-sidebar:#111827;--bg-header:#111827;--bg-card:#1f293d;--bg-card-hover:#26334d;--bg-subtle:#162032;--bg-badge:#0c4a6e;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--text-inverse:#0f172a;--text-brand:#38bdf8;--border-color:#243047;--border-focus:#38bdf8;--border-card:#243047;--accent-primary:#38bdf8;--accent-primary-hover:#0284c7;--accent-gradient:linear-gradient(135deg, #38bdf8 0%, #14b8a6 100%);--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--shadow-sm:0 1px 3px #0006;--shadow-md:0 6px 16px #0006;--shadow-lg:0 16px 32px #00000080}*{box-sizing:border-box;font-family:var(--font-family);-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);transition:background-color var(--transition-normal);line-height:1.5;overflow-x:hidden}.app-layout{background-color:var(--bg-main);width:100vw;min-height:100vh;display:flex}.main-content-wrapper{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.page-container{flex:1;padding:24px 32px;overflow-y:auto}.header-container{background-color:var(--bg-header);border-bottom:1px solid var(--border-color);z-index:10;height:60px;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:0 24px;display:flex}.header-brand{align-items:center;gap:12px;display:flex}.brand-icon{background:var(--accent-gradient);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 2px 8px #0284c740}.header-title-text{color:var(--text-primary);letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.header-actions{align-items:center;gap:16px;display:flex}.live-pill{background-color:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:9999px;align-items:center;gap:8px;padding:5px 12px;font-size:.775rem;font-weight:600;display:flex}.live-dot{background-color:var(--accent-success);width:8px;height:8px;box-shadow:0 0 8px var(--accent-success);border-radius:50%;animation:2s infinite pulseLive}@keyframes pulseLive{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.clock-pill{color:var(--text-secondary);background-color:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border-color);align-items:center;gap:6px;padding:5px 12px;font-size:.8rem;font-weight:600;display:flex}.theme-toggle-btn{background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;transition:all var(--transition-normal);justify-content:center;align-items:center;display:flex}.theme-toggle-btn:hover{background-color:var(--bg-card-hover);border-color:var(--border-focus)}.sidebar-container{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);-webkit-user-select:none;user-select:none;flex-direction:column;width:260px;height:100vh;display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;height:60px;padding:0 20px;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 10px;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);border:1px solid #0000;align-items:center;gap:12px;padding:10px 14px;font-size:.875rem;font-weight:500;display:flex}.nav-item:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.nav-item.active{background-color:var(--bg-subtle);color:var(--text-brand);border-color:var(--border-color);font-weight:600}.sidebar-footer{border-top:1px solid var(--border-color);color:var(--text-muted);padding:14px 18px;font-size:.725rem}.executive-header-bar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.executive-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.35rem;font-weight:800}.executive-subtitle{color:var(--text-muted);margin-top:2px;font-size:.825rem;font-weight:500}.realtime-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:28px;display:grid}.kpi-metric-card{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), border-color var(--transition-normal);flex-direction:column;gap:8px;padding:20px;display:flex}.kpi-metric-card:hover{border-color:var(--border-focus);transform:translateY(-2px)}.kpi-header-row{justify-content:space-between;align-items:center;display:flex}.kpi-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:700}.kpi-main-val{color:var(--text-primary);letter-spacing:-.02em;font-size:1.6rem;font-weight:800;line-height:1.1}.kpi-sub-val{color:var(--text-secondary);font-size:.775rem;font-weight:500}.system-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px;margin-bottom:28px;display:grid}.system-card{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);flex-direction:column;justify-content:space-between;padding:24px;display:flex}.system-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-focus);transform:translateY(-3px)}.system-card-head{align-items:center;gap:14px;margin-bottom:14px;display:flex}.system-icon-box{border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.system-name{color:var(--text-primary);font-size:1.15rem;font-weight:700;line-height:1.25}.system-summary{color:var(--text-secondary);flex:1;margin-bottom:20px;font-size:.875rem;line-height:1.55}.system-card-foot{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:14px;display:flex}.system-live-stat{color:var(--accent-success);align-items:center;gap:6px;font-size:.775rem;font-weight:600;display:flex}.btn-enter-system{background-color:var(--accent-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;align-items:center;gap:8px;padding:9px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.btn-enter-system:hover{background-color:var(--accent-primary-hover);transform:translate(2px)}.realtime-data-table{border-collapse:collapse;width:100%;font-size:.85rem}.realtime-data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border-color);padding:10px 14px;font-size:.725rem;font-weight:700}.realtime-data-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:12px 14px;font-weight:500}.realtime-data-table tr:hover td{background-color:var(--bg-subtle);color:var(--text-primary)}.module-viewer-container{flex-direction:column;width:100%;height:calc(100vh - 60px);display:flex}.module-viewer-container.fullscreen-overlay{z-index:9999;background-color:var(--bg-main);width:100vw;height:100vh;position:fixed;inset:0}.module-viewer-toolbar{background-color:var(--bg-header);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:44px;padding:0 18px;font-size:.825rem;display:flex}.btn-tool{background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);align-items:center;gap:6px;padding:4px 10px;font-size:.775rem;font-weight:600;display:inline-flex}.btn-tool:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.iframe-wrapper{background-color:#fff;flex:1;width:100%;height:100%;position:relative}.embedded-iframe{border:none;width:100%;height:100%;display:block}.spin-loader{animation:1s linear infinite spinLoader}@keyframes spinLoader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}