*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans TC,-apple-system,Segoe UI,PingFang TC,Microsoft JhengHei,sans-serif;font-size:14px;line-height:1.5;transition:background .2s,color .2s}body[data-theme=dark]{--primary-blue: #5e9f88;--primary-blue-hover: #6eb09a;--primary-blue-dim: rgba(94, 159, 136, .15);--success-green: #7dc498;--success-green-dim: rgba(125, 196, 152, .15);--warning-yellow: #d4a87c;--warning-yellow-dim: rgba(212, 168, 124, .15);--danger-red: #d07878;--danger-red-dim: rgba(208, 120, 120, .15);--orange: #c49070;--orange-dim: rgba(196, 144, 112, .15);--purple: #b08ea4;--bg-app: #0d1714;--bg-surface: #131e1c;--bg-card: #0c1715;--bg-card-hover: #232D3F;--border: #30363D;--border-subtle: #21262D;--text-primary: #E6EDF3;--text-secondary: #c3c7cb;--text-muted: #bbbec2;--shadow: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--overlay: rgba(0, 0, 0, .7);--theme-icon: "☀️"}body[data-theme=light]{--primary-blue: #3d8a72;--primary-blue-hover: #317a64;--primary-blue-dim: rgba(61, 138, 114, .08);--success-green: #2ea86e;--success-green-dim: rgba(46, 168, 110, .08);--warning-yellow: #c08040;--warning-yellow-dim: rgba(192, 128, 64, .08);--danger-red: #cc5555;--danger-red-dim: rgba(204, 85, 85, .08);--orange: #a06040;--orange-dim: rgba(160, 96, 64, .08);--purple: #8a6a9e;--bg-app: #f8faf6;--bg-surface: #FFFFFF;--bg-card: #FFFFFF;--bg-card-hover: #F3F4F6;--border: #D1D9E0;--border-subtle: #E8ECF0;--text-primary: #1F2328;--text-secondary: #636C76;--text-muted: #A0A9B4;--shadow: 0 1px 4px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--overlay: rgba(0, 0, 0, .4)}body{background:var(--bg-app);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.app-layout{display:flex;width:100%;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;position:fixed;top:0;left:0;height:100vh;z-index:20;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sidebar::-webkit-scrollbar{width:4px}.sidebar:-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar-logo{padding:18px 16px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-shrink:0}.sidebar-logo .logo-icon{width:34px;height:34px;background:var(--primary-blue);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.sidebar-logo .logo-text{font-size:14px;font-weight:700;color:var(--text-primary);line-height:1.2}.sidebar-logo .logo-sub{font-size:10px;color:var(--text-secondary);font-weight:400}.nav-section{padding:6px 0;border-bottom:1px solid var(--border-subtle)}.nav-section:last-child{border-bottom:none}.nav-section-title{padding:8px 16px 4px;font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.nav-item{display:flex;align-items:center;gap:8px;padding:7px 16px;color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:400;transition:background .12s,color .12s;position:relative}.nav-item:hover{background:var(--bg-card);color:var(--text-primary)}.nav-item.active{background:var(--primary-blue-dim);color:var(--primary-blue);font-weight:500}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-blue);border-radius:0 2px 2px 0}.nav-item .nav-icon{font-size:14px;width:18px;text-align:center;flex-shrink:0}.main-area{flex:1;margin-left:240px;display:flex;flex-direction:column;min-height:100vh}.header{height:56px;background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:12px;position:sticky;top:0;z-index:15}.header-site-btn{display:flex;align-items:center;gap:6px;padding:5px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-primary);transition:border-color .12s;font-family:inherit}.header-site-btn:hover{border-color:var(--primary-blue)}.header-site-btn .site-dot{width:8px;height:8px;background:var(--success-green);border-radius:50%}.header-ai-interlocks{flex:1;display:flex;align-items:center;justify-content:center;gap:6px}.interlock-badge{display:flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:500;border:1px solid var(--border);color:var(--text-muted);background:var(--bg-card);white-space:nowrap}.interlock-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted)}.interlock-badge.active-safety{border-color:var(--danger-red);color:var(--danger-red);background:var(--danger-red-dim)}.interlock-badge.active-safety .dot{background:var(--danger-red);animation:pulse 1s infinite}.interlock-badge.active-lifespan{border-color:var(--orange);color:var(--orange);background:var(--orange-dim)}.interlock-badge.active-lifespan .dot{background:var(--orange);animation:pulse 1.2s infinite}.interlock-badge.active-financial{border-color:var(--warning-yellow);color:var(--warning-yellow);background:var(--warning-yellow-dim)}.interlock-badge.active-financial .dot{background:var(--warning-yellow);animation:pulse .8s infinite}.interlock-badge.active-generation{border-color:var(--success-green);color:var(--success-green);background:var(--success-green-dim)}.interlock-badge.active-generation .dot{background:var(--success-green)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.header-actions{display:flex;align-items:center;gap:8px}.header-metric{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary);padding:3px 8px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px}.header-metric .metric-value{font-weight:600;color:var(--success-green)}.header-metric .metric-value.blue{color:var(--primary-blue)}.lang-select{padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text-primary);font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;outline:none;transition:border-color .12s}.lang-select:hover,.lang-select:focus{border-color:var(--primary-blue)}.lang-toggle{display:flex;gap:2px;background:var(--bg-app);border:1px solid var(--border);border-radius:6px;padding:2px}.lang-btn{padding:2px 7px;border-radius:4px;border:none;font-size:11px;font-weight:600;cursor:pointer;background:transparent;color:var(--text-muted);font-family:inherit;transition:all .12s}.lang-btn.active{background:var(--primary-blue);color:#fff}.lang-btn:hover:not(.active){color:var(--text-primary)}.theme-btn{padding:4px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .12s;white-space:nowrap}.theme-btn:hover{border-color:var(--primary-blue);color:var(--text-primary)}.alert-bell{position:relative;width:32px;height:32px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px}.alert-bell .bell-badge{position:absolute;top:-4px;right:-4px;background:var(--danger-red);color:#fff;font-size:9px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-avatar{width:32px;height:32px;background:var(--primary-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;cursor:pointer}.site-popup-overlay{position:fixed;inset:0;background:var(--overlay);z-index:100;display:none;align-items:flex-start;justify-content:flex-start;padding-top:56px;padding-left:240px}.site-popup-overlay.show{display:flex}.site-popup{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);width:340px;padding:16px;margin:8px 0 0 20px}.site-popup h3{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.site-list{display:flex;flex-direction:column;gap:4px}.site-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:all .12s}.site-option:hover{background:var(--bg-card);border-color:var(--border)}.site-option.selected{background:var(--primary-blue-dim);border-color:var(--primary-blue)}.site-option .site-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.site-option .site-info{flex:1}.site-option .site-opt-name{font-size:13px;font-weight:600;color:var(--text-primary)}.site-option .site-opt-sub{font-size:11px;color:var(--text-secondary)}.site-option .site-opt-badge{font-size:10px;padding:1px 6px;border-radius:10px}.page-content{flex:1;padding:24px;background:var(--bg-app);overflow-y:auto}.page-header{margin-bottom:20px}.page-title{font-size:20px;font-weight:700;color:var(--text-primary)}.page-subtitle{font-size:13px;color:var(--text-secondary);margin-top:2px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-2-1{display:grid;grid-template-columns:2fr 1fr;gap:16px}.grid-1-2{display:grid;grid-template-columns:1fr 2fr;gap:16px}.grid-3-1{display:grid;grid-template-columns:3fr 1fr;gap:16px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:18px;box-shadow:var(--shadow)}.card-sm{padding:14px 16px}.card-lg{padding:24px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-title{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.card-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1.1}.card-value.green{color:var(--success-green)}.card-value.red{color:var(--danger-red)}.card-value.blue{color:var(--primary-blue)}.card-value.yellow{color:var(--warning-yellow)}.card-value.orange{color:var(--orange)}.card-label{font-size:11px;color:var(--text-secondary);margin-top:4px}.alert-banner{border-radius:8px;padding:12px 16px;display:flex;align-items:flex-start;gap:10px;margin-bottom:16px}.alert-banner.danger{background:var(--danger-red-dim);border:1px solid var(--danger-red);color:var(--danger-red)}.alert-banner.warning{background:var(--warning-yellow-dim);border:1px solid var(--warning-yellow);color:var(--warning-yellow)}.alert-banner.success{background:var(--success-green-dim);border:1px solid var(--success-green);color:var(--success-green)}.alert-banner.info{background:var(--primary-blue-dim);border:1px solid var(--primary-blue);color:var(--primary-blue)}.alert-banner .alert-icon{font-size:18px;flex-shrink:0}.alert-banner .alert-body{flex:1}.alert-banner .alert-title{font-weight:600;font-size:13px;margin-bottom:2px}.alert-banner .alert-desc{font-size:12px;opacity:.85}.alert-banner .alert-actions{display:flex;gap:8px;margin-top:8px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.badge-green{background:var(--success-green-dim);color:var(--success-green)}.badge-red{background:var(--danger-red-dim);color:var(--danger-red)}.badge-yellow{background:var(--warning-yellow-dim);color:var(--warning-yellow)}.badge-orange{background:var(--orange-dim);color:var(--orange)}.badge-blue{background:var(--primary-blue-dim);color:var(--primary-blue)}.badge-gray{background:var(--bg-app);color:var(--text-secondary);border:1px solid var(--border)}.dot-green{background:var(--success-green)}.dot-yellow{background:var(--warning-yellow)}.dot-red{background:var(--danger-red)}.dot-gray{background:var(--text-muted)}.dot-blue{background:var(--primary-blue)}.dot-orange{background:var(--orange)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .12s;text-decoration:none;font-family:inherit}.btn-primary{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.btn-primary:hover{background:var(--primary-blue-hover)}.btn-success{background:var(--success-green);color:#fff}.btn-danger{background:var(--danger-red);color:#fff}.btn-outline{background:transparent;color:var(--text-secondary);border-color:var(--border)}.btn-outline:hover{background:var(--bg-card);color:var(--text-primary)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-sm{padding:4px 10px;font-size:12px}.btn-lg{padding:10px 24px;font-size:14px}.btn-yes{background:var(--success-green-dim);color:var(--success-green);border-color:var(--success-green);font-weight:700}.btn-no{background:var(--danger-red-dim);color:var(--danger-red);border-color:var(--danger-red);font-weight:700}.btn-later{background:var(--bg-app);color:var(--text-secondary);border-color:var(--border)}.toggle-wrap{display:flex;align-items:center;gap:10px}.toggle{position:relative;width:40px;height:22px;background:var(--border);border-radius:11px;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle.on{background:var(--primary-blue)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}.toggle.on:after{transform:translate(18px)}.toggle-label{font-size:13px;color:var(--text-primary)}.table-wrap{overflow-x:auto;border-radius:8px;border:1px solid var(--border)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:10px 12px;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);background:var(--bg-app)}td{padding:10px 12px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}tr:hover td{background:var(--bg-card-hover)}tr:last-child td{border-bottom:none}.progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .3s}.progress-fill.green{background:var(--success-green)}.progress-fill.blue{background:var(--primary-blue)}.progress-fill.yellow{background:var(--warning-yellow)}.progress-fill.red{background:var(--danger-red)}.progress-fill.orange{background:var(--orange)}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.divider{height:1px;background:var(--border);margin:20px 0}.t-en,.t-vi,.t-th,body[data-lang=en] .t-zh{display:none}body[data-lang=en] .t-en{display:inline}body[data-lang=vi] .t-zh{display:none}body[data-lang=vi] .t-vi{display:inline}body[data-lang=th] .t-zh{display:none}body[data-lang=th] .t-th{display:inline}.ai-panel{position:fixed;top:56px;right:0;bottom:0;width:380px;background:var(--bg-surface);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:50;transform:translate(100%);transition:transform .25s ease;display:flex;flex-direction:column;overflow:hidden}.ai-panel.open{transform:translate(0)}.ai-panel-backdrop{position:fixed;inset:0;z-index:49;background:var(--overlay);opacity:0;pointer-events:none;transition:opacity .25s ease}.ai-panel.open+.ai-panel-backdrop{opacity:1;pointer-events:auto}.ai-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border);flex-shrink:0}.ai-panel-title{font-size:14px;font-weight:700;color:var(--text-primary)}.ai-panel-close{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit;transition:all .12s}.ai-panel-close:hover{border-color:var(--danger-red);color:var(--danger-red)}.ai-panel-body{flex:1;overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:12px}.ai-decision-item{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px}.ai-decision-item.priority-high{border-color:var(--danger-red)}.ai-decision-item.priority-medium{border-color:var(--warning-yellow)}.ai-decision-item.priority-low{border-color:var(--primary-blue)}.ai-decision-meta{display:flex;align-items:center;gap:6px;margin-bottom:8px}.ai-decision-type{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:10px}.ai-decision-type.safety{background:var(--danger-red-dim);color:var(--danger-red)}.ai-decision-type.financial{background:var(--warning-yellow-dim);color:var(--warning-yellow)}.ai-decision-type.generation{background:var(--success-green-dim);color:var(--success-green)}.ai-decision-type.lifespan{background:var(--orange-dim);color:var(--orange)}.ai-decision-q{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:6px;line-height:1.4}.ai-decision-reason{font-size:12px;color:var(--text-secondary);margin-bottom:10px;line-height:1.5}.ai-decision-actions{display:flex;gap:6px}.alert-bell{cursor:pointer;transition:all .12s;text-decoration:none;display:flex}.alert-bell:hover{border-color:var(--danger-red);background:var(--danger-red-dim)}.ai-decision-btn{position:relative;width:32px;height:32px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;transition:all .12s;flex-shrink:0}.ai-decision-btn .ai-badge{position:absolute;top:-4px;right:-4px;background:var(--primary-blue);color:#fff;font-size:9px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.ai-decision-btn:hover,.ai-decision-btn.active{border-color:var(--primary-blue);background:var(--primary-blue-dim)}.mobile-menu-btn{display:none;background:transparent;border:none;color:var(--text-primary);font-size:20px;cursor:pointer;padding:4px}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:18;opacity:0;transition:opacity .3s ease}.sidebar-overlay.show{display:block;opacity:1}@media(max-width:1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-2-1,.grid-1-2,.grid-3-1{grid-template-columns:1fr}}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar.mobile-open{transform:translate(0)}.sidebar-overlay.mobile-open{display:block;opacity:1}.main-area{margin-left:0;width:100%}.mobile-menu-btn{display:block}.header{padding:0 12px}.grid-4,.grid-3{grid-template-columns:1fr}.site-name-display{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-btn span,.header-site-btn .t-zh,.header-site-btn .t-en,.lang-select{display:none!important}.ai-panel{width:100%}}