*{box-sizing:border-box}:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fa;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:#f5f7fa;min-width:1200px;min-height:100vh;margin:0}button{font:inherit}.app{min-height:100vh;display:flex}.sidebar{color:#fff;background:#071525;flex-direction:column;width:250px;min-height:100vh;padding:28px 18px;display:flex}.brand{align-items:center;gap:12px;padding:0 10px 34px;display:flex}.brand img{object-fit:contain;width:42px;height:42px}.brand strong,.brand span{display:block}.brand strong{letter-spacing:.2px;font-size:16px}.brand span{color:#9aa9bb;margin-top:2px;font-size:12px}.navigation{flex-direction:column;gap:6px;display:flex}.nav-item{text-align:left;color:#aab7c7;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:12px 13px;transition:all .15s}.nav-item:hover{color:#fff;background:#102338}.nav-item.active{color:#fff;background:#17304b}.sidebar-footer{color:#8c9daf;border-top:1px solid #1d3043;margin-top:auto;padding:14px 10px 4px}.sidebar-footer span,.sidebar-footer small{display:block}.sidebar-footer span{font-size:11px}.sidebar-footer small{margin-top:4px;font-size:10px}.main-content{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e5e9ef;justify-content:space-between;align-items:center;height:86px;padding:0 38px;display:flex}.topbar h1{margin:3px 0 0;font-size:21px;font-weight:600}.eyebrow{color:#66778a;letter-spacing:1.4px;font-size:10px;font-weight:700}.system-status{color:#526274;align-items:center;gap:8px;font-size:12px;display:flex}.status-dot{background:#38a169;border-radius:50%;width:7px;height:7px}.page-content{padding:34px 38px 50px}.page-introduction{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.page-introduction h2{margin:7px 0;font-size:28px;font-weight:600}.page-introduction p{color:#687789;margin:0;font-size:13px}.data-timestamp{text-align:right;color:#7b8795;font-size:11px}.data-timestamp span,.data-timestamp strong{display:block}.data-timestamp strong{color:#344255;margin-top:4px;font-weight:600}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:38px;display:grid}.kpi-card{background:#fff;border:1px solid #e4e9ef;border-radius:10px;padding:22px}.kpi-card span,.kpi-card small{display:block}.kpi-card span{color:#657487;font-size:12px}.kpi-card strong{color:#172437;margin:10px 0 5px;font-size:27px;font-weight:600;display:block}.kpi-card small{color:#8a96a4;font-size:11px}.section-header{margin-bottom:14px}.section-header h3{margin:5px 0 0;font-size:18px;font-weight:600}.enterprise-table{background:#fff;border:1px solid #e4e9ef;border-radius:10px;overflow:hidden}.table-header,.table-row{grid-template-columns:1.4fr 1.2fr .8fr .6fr 1.2fr;align-items:center;gap:20px;padding:17px 20px;display:grid}.table-header{color:#758395;letter-spacing:.7px;text-transform:uppercase;background:#f8fafc;font-size:10px;font-weight:700}.table-row{color:#4d5c6d;border-top:1px solid #edf0f3;min-height:72px;font-size:12px}.table-row strong,.table-row small{display:block}.table-row strong{color:#1b293a;font-size:13px}.table-row small{color:#8995a2;margin-top:4px;font-size:10px}.score{color:#1e7b50;font-weight:700}.risk-high{color:#c05640;font-weight:700}.risk-low{color:#34785a;font-weight:700}.placeholder-page{background:#fff;border:1px solid #e4e9ef;border-radius:10px;padding:50px}.placeholder-page h2{margin:8px 0;font-size:26px}.placeholder-page p{color:#697789;font-size:13px}.twin-page select{color:#263548;background:#fff;border:1px solid #dce3ea;border-radius:7px;outline:none;min-width:190px;padding:10px 12px}.twin-grid{grid-template-columns:1.6fr 1fr;gap:20px;display:grid}.enterprise-graph{background:#071525;border-radius:12px;min-height:530px;position:relative;overflow:hidden}.enterprise-graph:before{content:"";border:1px solid #29435d;border-radius:50%;position:absolute;inset:15%}.enterprise-graph:after{content:"";background:#29435d;height:1px;position:absolute;top:50%;left:28%;right:28%;box-shadow:0 -120px #29435d,0 120px #29435d}.twin-center{z-index:2;text-align:center;background:#10253b;border:1px solid #60778e;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:190px;height:120px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.twin-center span{color:#8fa1b3;letter-spacing:1.2px;font-size:9px}.twin-center strong{color:#fff;margin-top:7px;font-size:17px}.twin-node{z-index:3;color:#fff;text-align:center;background:#0d1e31;border:1px solid #29435d;border-radius:9px;min-width:120px;padding:14px;position:absolute}.twin-node span,.twin-node strong{display:block}.twin-node span{color:#8fa1b3;font-size:10px}.twin-node strong{margin-top:5px;font-size:19px}.node-sites{top:80px;left:12%}.node-vehicles{top:80px;right:12%}.node-iot{bottom:80px;left:12%}.node-cloud{bottom:80px;right:12%}.twin-state{grid-template-columns:1fr 1fr;gap:12px;display:grid}.state-card{background:#fff;border:1px solid #e4e9ef;border-radius:10px;min-height:110px;padding:20px}.state-card span{color:#687789;font-size:11px;display:block}.state-card strong{color:#172437;margin-top:10px;font-size:28px;display:inline-block}.state-card small{color:#8793a0;margin-left:3px}.state-card.wide{grid-column:span 2}.state-card p{color:#8793a0;font-size:12px}.opportunity-row{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;padding:11px 0;display:flex}.opportunity-row:last-child{border-bottom:0}.opportunity-row span{color:#344255;font-size:12px}.opportunity-row strong{color:#1f7652;margin:0;font-size:13px}.scenario-controls{background:#fff;border:1px solid #e4e9ef;border-radius:10px;gap:16px;margin-bottom:22px;padding:20px;display:flex}.control-group{flex-direction:column;gap:7px;display:flex}.control-group label{color:#687789;font-size:11px}.control-group select,.control-group input{color:#263548;background:#fff;border:1px solid #dce3ea;border-radius:7px;outline:none;min-width:220px;padding:10px 12px}.scenario-title{margin:25px 0 14px}.scenario-title span{color:#7a8897;letter-spacing:1px;font-size:10px;font-weight:700}.scenario-title h3{margin:5px 0 0;font-size:18px}.simulation-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.comparison-card{background:#fff;border:1px solid #e4e9ef;border-radius:10px;padding:20px}.comparison-card>span{color:#6c7b8b;font-size:11px}.comparison-card div{align-items:center;gap:12px;margin-top:12px;display:flex}.comparison-card strong{color:#455467;font-size:18px}.comparison-card .after-value{color:#172437}.arrow{color:#9ba6b1}.scenario-analysis{grid-template-columns:.8fr 1.2fr;gap:14px;margin-top:20px;display:grid}.analysis-card{background:#fff;border:1px solid #e4e9ef;border-radius:10px;padding:22px}.analysis-card>strong{margin:12px 0 5px;font-size:34px;display:block}.analysis-card p{color:#718091;margin:7px 0 0;font-size:12px;line-height:1.6}.recommendation{border-bottom:1px solid #edf0f3;padding:13px 0}.recommendation:last-child{border-bottom:0}.recommendation strong{color:#172437;font-size:14px}.recommendation>span{color:#7b8794;text-transform:uppercase;margin-left:10px;font-size:10px}.prediction-row{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;padding:11px 0;display:flex}.prediction-row:last-child{border-bottom:0}.prediction-row span{color:#687789;font-size:11px}.prediction-row strong{color:#172437;margin:0;font-size:14px}.predictive-card{margin-top:16px}.card-heading{justify-content:space-between;align-items:flex-start;display:flex}.card-heading h3{margin:5px 0 0;font-size:17px}.model-badge{color:#6c7887;letter-spacing:.5px;border:1px solid #dce3ea;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:700}.prediction-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.prediction-metric{background:#f8fafc;border:1px solid #edf0f3;border-radius:7px;padding:15px}.prediction-metric span{color:#718091;font-size:10px;display:block}.prediction-metric strong{color:#172437;margin-top:8px;font-size:20px;display:block}.affinity-section{margin-top:20px}.affinity-header{justify-content:space-between;margin-bottom:12px;display:flex}.affinity-header span{color:#687789;letter-spacing:.7px;font-size:10px;font-weight:700}.affinity-header small{color:#8995a3;font-size:10px}.affinity-row{grid-template-columns:90px 1fr 45px;align-items:center;gap:10px;margin-bottom:10px;display:grid}.affinity-row>span{color:#435266;text-transform:capitalize;font-size:11px}.affinity-row strong{color:#263548;text-align:right;font-size:11px}.affinity-bar{background:#e8edf2;border-radius:10px;height:5px;overflow:hidden}.affinity-fill{background:#263548;border-radius:10px;height:100%}.prediction-meta{color:#8a96a3;border-top:1px solid #edf0f3;justify-content:space-between;margin-top:18px;padding-top:12px;font-size:9px;display:flex}.prediction-empty{background:#f8fafc;border:1px solid #edf0f3;border-radius:7px;margin-top:18px;padding:16px}.prediction-empty strong{color:#344256;font-size:12px}.prediction-empty p{color:#7b8794;margin:5px 0 0;font-size:11px}