:root{color:#0f1c31;font-synthesis:none;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f4f7fb;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-loading,.loading-state{color:#64748b;justify-content:center;align-items:center;gap:12px;min-height:55vh;display:flex}.spinner{border:3px solid #dbe7f5;border-top-color:#2c7df0;border-radius:50%;width:27px;height:27px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh;display:flex}.sidebar{color:#dce8f7;z-index:40;background:#071426;flex-direction:column;width:270px;padding:24px 17px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 7px 23px;display:flex}.brand-mark{color:#fff;background:#2e82f6;border-radius:13px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand>div:nth-child(2){flex-direction:column;display:flex}.brand strong{color:#fff;font-size:15px}.brand span{color:#8ea4c0;margin-top:3px;font-size:12px}.mobile-close{color:#fff;background:0 0;border:0;margin-left:auto;display:none}.sidebar nav{flex-direction:column;gap:4px;display:flex}.sidebar nav a{color:#9fb2cb;border-radius:10px;align-items:center;gap:13px;padding:12px 13px;font-size:14px;display:flex}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#143257;box-shadow:inset 3px 0 #2d8cff}.nav-caption{letter-spacing:1.5px;color:#5f7899;padding:8px 13px;font-size:10px}.nav-caption.second{margin-top:17px}.sidebar-card{text-align:left;color:#d8e8fb;background:#102a49;border:1px solid #254467;border-radius:15px;flex-direction:column;gap:7px;margin-top:auto;padding:16px;display:flex}.sidebar-card strong{color:#fff}.sidebar-card p{color:#9fb8d6;margin:0;font-size:12px;line-height:1.55}.sidebar-card span{text-align:center;color:#fff;background:#2c7df0;border-radius:8px;margin-top:4px;padding:9px;font-size:12px;font-weight:700;display:block}.user-card{border-top:1px solid #18304d;align-items:center;gap:10px;margin-top:16px;padding:14px 5px 0;display:flex}.avatar{background:#183d68;border-radius:50%;place-items:center;width:35px;height:35px;font-size:12px;font-weight:800;display:grid}.user-card>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.user-card strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.user-card span{color:#7f98b7;margin-top:2px;font-size:11px}.user-card button{color:#9fb2cb;background:0 0;border:0;margin-left:auto;padding:6px}.main-content{width:calc(100% - 270px);min-width:0;margin-left:270px}.topbar{z-index:25;background:#fff;border-bottom:1px solid #e7edf5;justify-content:space-between;align-items:center;height:112px;padding:0 30px;display:flex;position:sticky;top:0}.topbar-title{align-items:center;gap:13px;display:flex}.topbar-title span{color:#8d9aae;font-size:11px}.topbar-title h1{margin:5px 0 0;font-size:17px}.mobile-menu{background:#fff;border:1px solid #dfe7f1;border-radius:8px;padding:8px;display:none}.top-actions{align-items:center;gap:10px;display:flex}.global-search{background:#f9fbfd;border:1px solid #e1e8f1;border-radius:12px;align-items:center;gap:10px;width:288px;height:42px;padding:0 13px;display:flex}.global-search input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.icon-button,.period-button{background:#fff;border:1px solid #e1e8f1;border-radius:11px;height:42px;padding:0 14px;position:relative}.notification i{background:#ef4444;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.period-button{font-size:12px}.page-content{max-width:1600px;margin:0 auto;padding:28px 30px 45px}.hero-row,.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.eyebrow,.panel-kicker{letter-spacing:1.5px;color:#2c7df0;font-size:10px;font-weight:800}.hero-row h2,.page-heading h2{letter-spacing:-.7px;margin:7px 0 5px;font-size:28px}.hero-row p:not(.eyebrow),.page-heading p:not(.eyebrow){color:#748196;margin:0;font-size:13px}.live-status{color:#748196;background:#fff;border:1px solid #e2e9f2;border-radius:20px;align-items:center;gap:8px;padding:9px 14px;font-size:11px;display:flex}.live-status i{background:#22c55e;border-radius:50%;width:8px;height:8px}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:17px;display:grid}.metric-card{background:#fff;border:1px solid #e5ebf3;border-radius:15px;align-items:center;gap:14px;padding:17px;display:flex}.metric-icon{color:#2c7df0;background:#eaf3ff;border-radius:12px;place-items:center;width:45px;height:45px;display:grid}.metric-icon.green{color:#19a974;background:#e9f8f1}.metric-icon.violet{color:#805ad5;background:#f1ebff}.metric-icon.orange{color:#e39016;background:#fff3df}.metric-card>div:last-child{flex-direction:column;display:flex}.metric-card span{color:#8996a8;font-size:11px}.metric-card strong{margin:2px 0;font-size:22px}.metric-card small{color:#7d8b9d;font-size:10px}.dashboard-grid{gap:16px;margin-bottom:16px;display:grid}.main-grid{grid-template-columns:minmax(0,2.2fr) minmax(320px,1fr)}.bottom-grid{grid-template-columns:1.5fr 1fr}.panel{background:#fff;border:1px solid #e5ebf3;border-radius:15px;min-width:0;padding:16px}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-header h3{margin:5px 0 0;font-size:15px}.panel-header button,.secondary-button{color:#40516a;background:#fff;border:1px solid #dfe7f1;border-radius:10px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;display:inline-flex}.map-frame{background:#dbeafe;border-radius:12px;overflow:hidden}.leaflet-container{font-family:inherit}.map-popup{flex-direction:column;gap:4px;min-width:170px;display:flex}.map-popup strong{font-size:13px}.map-popup span,.map-popup small{color:#64748b;font-size:11px}.alerts-panel{flex-direction:column;display:flex}.count-badge{color:#ef4444;background:#fff0f0;border-radius:20px;padding:5px 8px;font-size:10px}.alerts-list{max-height:360px;overflow:auto}.alerts-list button{text-align:left;background:0 0;border:0;border-bottom:1px solid #edf1f6;grid-template-columns:8px 1fr 18px;gap:10px;width:100%;padding:13px 0;display:grid}.alerts-list strong{font-size:12px}.alerts-list p{color:#718096;margin:5px 0;font-size:11px}.alerts-list span{color:#9aa6b6;font-size:10px}.alert-dot{background:#f59e0b;border-radius:50%;width:7px;height:7px;margin-top:5px}.alert-dot.critical,.alert-dot.high{background:#ef4444}.alert-dot.low,.alert-dot.info{background:#2c7df0}.ai-summary{background:#eef6ff;border-radius:12px;margin-top:auto;padding:14px}.ai-summary>div{color:#245fae;align-items:center;gap:8px;display:flex}.ai-summary p{color:#4c6078;font-size:11px;line-height:1.55}.ai-summary button{color:#2c7df0;background:0 0;border:0;padding:0;font-size:11px;font-weight:700}.chart-wrap{height:280px}.status-distribution{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.status-distribution>div{border:1px solid #edf1f6;border-radius:11px;grid-template-columns:1fr auto;align-items:center;gap:5px;padding:12px;display:grid}.status-distribution>div>span:last-child{color:#8a97a8;grid-column:1/-1;font-size:10px}.mini-stat{background:#f7f9fc;border-radius:11px;align-items:center;gap:12px;margin-top:12px;padding:15px;display:flex}.mini-stat div{flex-direction:column;display:flex}.status-badge{text-transform:capitalize;color:#526174;background:#eef2f7;border-radius:20px;align-items:center;width:max-content;padding:5px 8px;font-size:10px;display:inline-flex}.status-on_track,.status-good,.status-completed{color:#138a5e;background:#e9f8f1}.status-at_risk,.status-fair,.status-medium{color:#b46c00;background:#fff5df}.status-delayed,.status-critical,.status-high{color:#d93838;background:#ffeded}.status-poor{color:#db661d;background:#fff0e7}.status-planned,.status-low{color:#2c6ecb;background:#eaf3ff}.page-heading .secondary-button{margin-top:5px}.filter-panel{background:#fff;border:1px solid #e5ebf3;border-radius:14px;grid-template-columns:minmax(260px,1fr) 190px 180px auto;gap:10px;margin-bottom:16px;padding:12px;display:grid}.filter-panel label{border:1px solid #dfe7f1;border-radius:9px;align-items:center;gap:8px;padding:0 10px;display:flex}.filter-panel input,.filter-panel select,.filter-panel>select{background:#fff;border:1px solid #dfe7f1;border-radius:9px;outline:0;height:39px;padding:0 10px}.filter-panel label input{border:0;width:100%;padding:0}.filter-panel>span{color:#607087;align-items:center;gap:6px;font-size:12px;display:flex}.projects-layout{grid-template-columns:minmax(0,1.65fr) minmax(330px,.85fr);gap:16px;display:grid}.list-panel{padding:15px}.compact-list{max-height:520px;overflow:auto}.compact-list>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f6;grid-template-columns:1fr auto;gap:12px;width:100%;padding:13px 5px;display:grid}.compact-list>button:hover,.compact-list>button.selected{background:#f4f8ff}.compact-list>button>div:first-child{flex-direction:column;gap:4px;display:flex}.compact-list strong{font-size:12px}.compact-list span{color:#7f8da0;font-size:10px}.compact-list>button>div:last-child{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.inline-progress{background:#e8eef5;border-radius:8px;height:5px;margin-top:4px;overflow:hidden}.inline-progress i{background:#2c7df0;height:100%;display:block}.drawer-backdrop{z-index:60;background:#08142655;border:0;position:fixed;inset:0}.detail-drawer{z-index:65;background:#fff;width:min(520px,94vw);position:fixed;inset:0 0 0 auto;overflow:auto;box-shadow:-18px 0 40px #0f172a25}.drawer-header{border-bottom:1px solid #e7edf5;justify-content:space-between;padding:22px;display:flex}.drawer-header span{color:#2c7df0;font-size:11px}.drawer-header h3{margin:5px 0 0}.drawer-header button{background:#f2f5f9;border:0;border-radius:9px;width:36px;height:36px}.drawer-body{padding:22px}.detail-grid{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.detail-grid>div{background:#f7f9fc;border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.detail-grid span{color:#8290a3;font-size:10px}.detail-grid strong{font-size:12px}.drawer-body section{border-top:1px solid #edf1f6;margin-top:15px;padding-top:15px}.drawer-body h4{margin:0 0 8px;font-size:12px}.drawer-body p{color:#5e6c80;font-size:12px;line-height:1.6}.recommendation{background:#eef6ff;border-radius:11px;border:0!important;padding:14px!important}.analytics-grid{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.chart-large{grid-row:span 2}.legend-list{flex-direction:column;gap:8px;display:flex}.legend-list>div{grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:12px;display:grid}.legend-list i{border-radius:50%;width:8px;height:8px}.risk-bars{flex-direction:column;gap:16px;display:flex}.risk-bars>div>div:first-child{text-transform:capitalize;justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.risk-bars>div>div:last-child{background:#edf2f7;border-radius:8px;height:8px;overflow:hidden}.risk-bars i{background:#2c7df0;border-radius:8px;height:100%;display:block}.insight-panel ol{color:#56677d;padding-left:20px}.insight-panel li{margin:12px 0;font-size:12px;line-height:1.55}.layer-layout{grid-template-columns:1fr 1.2fr;gap:16px;display:grid}.layer-preview-map{color:#2c7df0;text-align:center;background:radial-gradient(circle at 40% 45%,#dbeafe,#eff6ff 38%,#e2e8f0);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:520px;display:flex}.layer-preview-map span{color:#687b93;max-width:360px;font-size:12px}.layer-list{max-height:552px;overflow:auto}.layer-row{border-top:1px solid #edf1f6;grid-template-columns:42px 1fr 42px;align-items:center;gap:11px;padding:13px 0;display:grid}.layer-icon{color:#2c7df0;background:#edf5ff;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.layer-row>div:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.layer-row strong{font-size:12px}.layer-row span,.layer-row small{color:#7f8da0;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.layer-row button{color:#718096;background:#eef2f7;border:0;border-radius:9px;width:38px;height:38px}.layer-row button.on{color:#149566;background:#e7f8f0}.quality-table{padding:18px}.quality-row{border-top:1px solid #edf1f6;grid-template-columns:240px 1fr 55px;align-items:center;gap:16px;padding:16px 0;display:grid}.quality-row>div:first-child{flex-direction:column;gap:4px;display:flex}.quality-row strong{font-size:12px}.quality-row span{color:#8290a3;font-size:10px}.quality-progress{background:#e9eef5;border-radius:9px;height:9px;overflow:hidden}.quality-progress i{background:#19a974;height:100%;display:block}.settings-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.settings-card{flex-direction:column;gap:13px;display:flex}.settings-card>label:not(.switch-row){color:#69798e;flex-direction:column;gap:6px;font-size:11px;display:flex}.settings-card input:not([type=checkbox]){background:#f8fafc;border:1px solid #dfe7f1;border-radius:9px;height:42px;padding:0 11px}.settings-note{color:#46627f;background:#eef6ff;border-radius:10px;gap:8px;padding:12px;font-size:11px;display:flex}.switch-row{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.switch-row div{flex-direction:column;gap:4px;display:flex}.switch-row strong{font-size:12px}.switch-row span{color:#8190a2;font-size:10px}.switch-row input{width:18px;height:18px}.primary-button{color:#fff;background:#2c7df0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 15px;font-weight:700;display:inline-flex}.success-message{color:#138a5e;background:#e9f8f1;border-radius:8px;padding:10px;font-size:11px}.permission-list{flex-direction:column;display:flex}.permission-list>div{border-bottom:1px solid #edf1f6;justify-content:space-between;padding:13px 0;font-size:12px;display:flex}.copilot-page{max-width:1100px}.copilot-shell{background:#fff;border:1px solid #e5ebf3;border-radius:16px;overflow:hidden}.copilot-header{color:#fff;background:#0d2442;border-bottom:1px solid #e7edf5;padding:16px 20px}.copilot-header>div{align-items:center;gap:11px;display:flex}.copilot-header>div>div{flex-direction:column;display:flex}.copilot-header span{color:#9fb8d6;font-size:10px}.chat-body{background:#f8fafc;flex-direction:column;gap:12px;min-height:390px;max-height:520px;padding:22px;display:flex;overflow:auto}.chat-message{max-width:78%;font-size:12px;line-height:1.6}.chat-message span{background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:12px 14px;display:block}.chat-message.user{align-self:flex-end}.chat-message.user span{color:#fff;background:#2c7df0;border-color:#2c7df0}.suggestions{flex-wrap:wrap;gap:8px;padding:12px 20px 0;display:flex}.suggestions button{background:#fff;border:1px solid #dbe4ef;border-radius:20px;padding:8px 11px;font-size:10px}.chat-input{gap:9px;padding:15px 20px 20px;display:flex}.chat-input input{border:1px solid #dbe4ef;border-radius:11px;flex:1;height:46px;padding:0 13px}.chat-input button{color:#fff;background:#2c7df0;border:0;border-radius:11px;width:46px}.empty-state{text-align:center;color:#718096;flex-direction:column;gap:6px;padding:40px 20px;display:flex}.empty-state strong{color:#334155}.error-banner,.login-error{color:#c33;background:#fff0f0;border:1px solid #ffd0d0;border-radius:10px;padding:12px;font-size:12px}.login-page{background:#fff;grid-template-columns:1.2fr .8fr;min-height:100vh;display:grid}.login-visual{color:#fff;background:linear-gradient(135deg,#061426,#0d2b50);flex-direction:column;padding:42px;display:flex;position:relative;overflow:hidden}.login-brand{align-items:center;gap:12px;display:flex}.login-brand>div:nth-child(2){flex-direction:column;display:flex}.login-brand span{color:#9fb8d6;font-size:11px}.login-message{z-index:2;max-width:650px;margin:auto 0;position:relative}.login-message p{letter-spacing:2px;color:#65a8ff;font-size:10px}.login-message h1{margin:12px 0 16px;font-size:42px;line-height:1.13}.login-message span{color:#a9bdd4;line-height:1.7}.login-map-art{color:#2f8cff55;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:470px;height:470px;display:grid;position:absolute;bottom:-110px;right:-90px}.login-map-art:before,.login-map-art:after{content:"";border:1px solid #ffffff16;border-radius:50%;position:absolute;inset:65px}.login-map-art:after{inset:135px}.login-panel{place-items:center;padding:35px;display:grid}.login-card{flex-direction:column;width:min(420px,100%);display:flex}.login-icon{color:#2c7df0;background:#eaf3ff;border-radius:13px;place-items:center;width:48px;height:48px;display:grid}.login-card h2{margin:7px 0;font-size:28px}.login-card>span{color:#77869a;margin-bottom:23px;font-size:12px}.login-card label{flex-direction:column;gap:7px;margin:8px 0;font-size:12px;font-weight:600;display:flex}.login-card input{border:1px solid #d8e1ec;border-radius:10px;outline:0;height:46px;padding:0 12px}.password-field{border:1px solid #d8e1ec;border-radius:10px;display:flex;overflow:hidden}.password-field input{border:0;flex:1}.password-field button{color:#64748b;background:#fff;border:0;width:44px}.login-card .primary-button{margin-top:14px}.login-card small{text-align:center;color:#8a97a8;margin-top:15px}.sidebar-overlay{display:none}@media (width<=1150px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.main-grid,.bottom-grid,.projects-layout,.analytics-grid,.layer-layout{grid-template-columns:1fr}.chart-large{grid-row:auto}.top-actions .global-search{width:220px}}@media (width<=820px){.sidebar{transition:all .25s;transform:translate(-100%)}.sidebar.open{transform:none}.sidebar-overlay{z-index:35;background:#07142688;border:0;display:block;position:fixed;inset:0}.mobile-close,.mobile-menu{display:block}.main-content{width:100%;margin-left:0}.topbar{height:86px;padding:0 16px}.top-actions .global-search,.period-button{display:none}.page-content{padding:20px 15px 35px}.metrics-grid,.settings-grid{grid-template-columns:1fr}.hero-row,.page-heading{flex-direction:column}.filter-panel,.quality-row,.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh}.detail-grid{grid-template-columns:1fr}}.heading-actions{align-items:center;gap:9px;display:flex}.secondary-button,.primary-button{white-space:nowrap}.primary-button.small{padding:8px 11px;font-size:11px}.executive-filter{grid-template-columns:repeat(4,minmax(145px,1fr)) auto}.top-actions .period-button{align-items:center;gap:7px;display:flex}.quality-mini{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.quality-mini span{color:#66768a;background:#f8fafc;border:1px solid #edf1f6;border-radius:9px;padding:9px;font-size:10px}.quality-mini b{color:#0f172a;margin-top:3px;font-size:14px;display:block}.modal-layer{z-index:90;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-backdrop{background:#07142688;border:0;position:absolute;inset:0}.modal-card{background:#fff;border-radius:16px;width:min(620px,96vw);max-height:92vh;position:relative;overflow:auto;box-shadow:0 28px 75px #07142655}.modal-card.wide{width:min(980px,96vw)}.modal-card>header{z-index:3;background:#fff;border-bottom:1px solid #e5ebf3;justify-content:space-between;align-items:flex-start;padding:18px 20px;display:flex;position:sticky;top:0}.modal-card>header h3{margin:0;font-size:18px}.modal-card>header p{color:#7b899d;margin:4px 0 0;font-size:11px}.modal-card>header button{background:#f1f5f9;border:0;border-radius:9px;width:36px;height:36px}.modal-body{padding:20px}.operational-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.operational-form label{color:#607087;flex-direction:column;gap:7px;font-size:11px;display:flex}.operational-form label>span{color:#334155;font-weight:700}.operational-form input,.operational-form select,.operational-form textarea{color:#0f172a;background:#fff;border:1px solid #dce5ef;border-radius:9px;outline:0;width:100%;padding:10px 11px}.operational-form input,.operational-form select{height:42px}.operational-form textarea{resize:vertical;min-height:92px}.operational-form input:focus,.operational-form select:focus,.operational-form textarea:focus{border-color:#2c7df0;box-shadow:0 0 0 3px #2c7df018}.field-wide{grid-column:1/-1}.form-actions{border-top:1px solid #edf1f6;justify-content:flex-end;gap:9px;padding-top:15px;display:flex}.upload-zone{cursor:pointer;border-radius:12px;color:#3d6eae!important;background:#f5f9ff!important;border:1px dashed #9ebbe2!important;justify-content:center!important;align-items:center!important;padding:18px!important}.upload-zone input{display:none}.upload-zone span{color:#3d6eae!important;font-weight:700!important}.switch-row.field-wide{flex-direction:row;align-items:center;display:flex}.switch-row.field-wide input{width:18px;height:18px}.portfolio-workspace{grid-template-columns:minmax(440px,1.15fr) minmax(560px,1fr);gap:16px;display:grid}.portfolio-map,.portfolio-table{min-height:570px}.portfolio-table{padding:0;overflow:hidden}.portfolio-table .panel-header{border-bottom:1px solid #edf1f6;margin:0;padding:15px 16px}.portfolio-table .panel-header button{background:#f1f5f9;border:0;border-radius:8px;width:35px;height:35px}.table-scroll{max-height:520px;overflow:auto}.table-scroll table{border-collapse:collapse;width:100%;min-width:680px}.table-scroll th{z-index:2;color:#728197;text-align:left;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e5ebf3;padding:11px 13px;font-size:10px;position:sticky;top:0}.table-scroll td{vertical-align:middle;border-bottom:1px solid #edf1f6;padding:12px 13px;font-size:11px}.table-scroll tr{cursor:pointer}.table-scroll tbody tr:hover,.selected-row{background:#f1f7ff!important}.table-scroll td:first-child{flex-direction:column;gap:4px;min-width:230px;display:flex}.table-scroll td strong{font-size:12px}.table-scroll td span{color:#8491a2;font-size:10px}.table-scroll select{background:#fff;border:1px solid #dbe4ef;border-radius:8px;padding:7px}.wide-drawer{width:min(760px,96vw)}.drawer-actions{gap:8px;display:flex}.drawer-actions>button{min-width:36px;padding:0 10px;width:auto!important}.drawer-status-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.drawer-status-row>span:last-child{color:#64748b;margin-left:auto;font-size:11px}.detail-tabs,.workspace-tabs{border-bottom:1px solid #e5ebf3;gap:6px;margin:16px 0;display:flex;overflow:auto}.detail-tabs button,.workspace-tabs button{color:#6b7b8f;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 12px;font-size:11px}.detail-tabs button.active,.workspace-tabs button.active{color:#2c7df0;border-bottom-color:#2c7df0;font-weight:700}.section-action{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-action h4{margin:0}.timeline-list{flex-direction:column;display:flex}.timeline-list>div{grid-template-columns:12px 1fr;gap:10px;padding:0 0 18px;display:grid;position:relative}.timeline-list>div>i{background:#2c7df0;border-radius:50%;width:9px;height:9px;margin-top:4px}.timeline-list>div:after{content:"";background:#dce5ef;width:1px;position:absolute;top:14px;bottom:0;left:4px}.timeline-list>div:last-child:after{display:none}.timeline-list>div>div{flex-direction:column;gap:4px;display:flex}.timeline-list strong,.milestone-list strong,.payment-list strong{font-size:12px}.timeline-list span,.milestone-list span,.payment-list span{color:#7c899a;font-size:10px}.timeline-list p,.milestone-list p{margin:3px 0!important;font-size:11px!important}.milestone-list,.payment-list,.inspection-list{flex-direction:column;gap:9px;display:flex}.milestone-list>div{border:1px solid #edf1f6;border-radius:10px;grid-template-columns:auto 1fr;gap:10px;padding:11px;display:grid}.milestone-list>div>div{flex-direction:column;gap:4px;display:flex}.payment-list>div{border:1px solid #edf1f6;border-radius:10px;justify-content:space-between;gap:12px;padding:11px;display:flex}.payment-list>div>div{flex-direction:column;gap:5px;display:flex}.payment-list>div>div:last-child{align-items:flex-end}.document-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.document-grid a{background:#fbfdff;border:1px solid #e4eaf2;border-radius:11px;grid-template-columns:30px 1fr;gap:4px 8px;padding:12px;display:grid}.document-grid a svg{color:#2c7df0;grid-row:1/3}.document-grid strong{font-size:11px}.document-grid span{color:#7d899a;font-size:10px}.geometry-status{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.geometry-status>div{background:#f8fafc;border-radius:9px;justify-content:space-between;padding:11px;font-size:11px;display:flex}.geometry-status .ok{color:#159464}.geometry-status .missing{color:#d34949}.map-legend{z-index:500;background:#fff;border:1px solid #dce5ef;border-radius:9px;gap:9px;padding:7px 9px;display:flex;position:absolute;bottom:12px;left:12px;box-shadow:0 3px 13px #0f172a18}.map-frame{position:relative}.map-legend span{color:#596a7e;align-items:center;gap:5px;font-size:9px;display:flex}.map-legend i{border-radius:50%;width:8px;height:8px}.cluster-label{box-shadow:none!important;color:#fff!important;background:0 0!important;border:0!important;font-weight:800!important}.cluster-label:before{display:none!important}.inspection-list>div{border:1px solid #edf1f6;border-radius:11px;grid-template-columns:74px 1fr auto;gap:11px;padding:10px;display:grid}.inspection-list img,.photo-placeholder{object-fit:cover;color:#7f8da0;background:#eef3f8;border-radius:8px;place-items:center;width:74px;height:66px;display:grid}.inspection-list>div>div:nth-child(2){flex-direction:column;gap:4px;display:flex}.inspection-list p,.inspection-list small{margin:0!important}.organization-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.organization-profile{grid-template-columns:100px 1fr;gap:18px;display:grid}.org-logo{color:#2c7df0;background:#edf5ff;border-radius:18px;place-items:center;width:96px;height:96px;display:grid;overflow:hidden}.org-logo img{object-fit:contain;width:100%;height:100%}.office-card{grid-template-columns:45px 1fr auto;align-items:start;gap:12px;display:grid}.office-icon{color:#2c7df0;background:#eaf3ff;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.office-card>div:nth-child(2){flex-direction:column;gap:4px;display:flex}.office-card strong{font-size:12px}.office-card span,.office-card small{color:#7c899a;font-size:10px}.office-card p{color:#5c6d82;margin:3px 0;font-size:11px}.audit-list{padding:0;overflow:hidden}.audit-list>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f6;grid-template-columns:42px 1fr auto;gap:11px;width:100%;padding:13px 15px;display:grid}.audit-list>button:hover{background:#f8fbff}.audit-icon{color:#2c7df0;background:#edf5ff;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.audit-list>button>div:nth-child(2){flex-direction:column;gap:3px;display:flex}.audit-list strong{font-size:12px}.audit-list span,.audit-list small{color:#7b899b;font-size:10px}.audit-list pre{color:#d8e5f4;background:#0f172a;border-radius:9px;max-height:280px;padding:10px;font-size:10px;overflow:auto}.layer-row em{color:#94a3b8;font-size:9px;font-style:normal}.layer-stack-preview{width:270px;height:130px;margin-top:20px;position:relative}.layer-stack-preview>div{color:#2c6dbb;background:#dbeafecc;border:1px solid #8bb4e5;border-radius:12px;place-items:center;font-size:11px;display:grid;position:absolute;inset:0}.admin-link{justify-content:center;margin-top:12px}.role-matrix{background:#f8fafc;border-radius:10px;flex-direction:column;gap:7px;margin-top:15px;padding:12px;display:flex}.role-matrix span{color:#66758a;font-size:10px}.status-active,.status-create,.status-upload,.status-export{color:#138a5e;background:#e9f8f1}.status-inactive,.status-pending,.status-update,.status-other{color:#b46c00;background:#fff5df}.status-delete,.status-rejected,.status-overdue{color:#d93838;background:#ffeded}.status-verified,.status-in_progress,.status-scheduled{color:#2c6ecb;background:#eaf3ff}.status-paid,.status-not_required{color:#138a5e;background:#e9f8f1}.compact-ui .page-content{padding-top:16px}.compact-ui .panel,.compact-ui .metric-card{padding:12px}@media (width<=1300px){.portfolio-workspace{grid-template-columns:1fr}.portfolio-table{min-height:auto}.executive-filter,.operational-form{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.heading-actions{flex-wrap:wrap;width:100%}.executive-filter,.operational-form,.organization-grid,.document-grid,.geometry-status,.quality-mini,.organization-profile,.portfolio-workspace{grid-template-columns:1fr}.modal-layer{padding:8px}.modal-card{max-height:96vh}.wide-drawer{width:100vw}.map-legend{flex-wrap:wrap;max-width:80%}.inspection-list>div{grid-template-columns:58px 1fr}.inspection-list>div>.status-badge{grid-column:2}.inspection-list img,.photo-placeholder{width:58px;height:58px}}.sidebar{flex-direction:column;display:flex;overflow:hidden}.sidebar-nav-scroll{min-height:0;padding-bottom:12px;overflow:auto}.sidebar-nav-scroll::-webkit-scrollbar{width:5px}.sidebar-nav-scroll::-webkit-scrollbar-thumb{background:#1d3555;border-radius:10px}.asset-caption{color:#68a8ff!important}.asset-module-page .page-heading h2{letter-spacing:-.5px}.compact-heading{align-items:flex-start}.back-link{color:#2c7df0;background:0 0;border:0;align-items:center;gap:6px;padding:0 0 8px;font-size:11px;font-weight:700;display:flex}.asset-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.asset-overview-grid{grid-template-columns:minmax(0,1.7fr) minmax(320px,.65fr);gap:16px;display:grid}.asset-overview-map{padding:0;overflow:hidden}.asset-overview-map .panel-header{border-bottom:1px solid #edf1f6;margin:0;padding:15px 16px}.asset-alert-list{flex-direction:column;max-height:510px;display:flex;overflow:auto}.asset-alert-list button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f6;grid-template-columns:10px 1fr;gap:10px;padding:13px 15px;display:grid}.asset-alert-list button:hover{background:#f8fbff}.asset-alert-list i{border-radius:50%;width:8px;height:8px;margin-top:5px}.asset-alert-list .severity-critical{background:#ef4444}.asset-alert-list .severity-high{background:#f97316}.asset-alert-list .severity-warning{background:#eab308}.asset-alert-list .severity-info{background:#3b82f6}.asset-alert-list strong{font-size:11px}.asset-alert-list p{color:#66758a;margin:4px 0;font-size:10px}.asset-alert-list span{color:#94a3b8;font-size:9px}.priority-panel>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;width:100%;padding:11px 13px;display:flex}.priority-panel>button:hover{background:#f8fbff}.priority-panel>button>div{flex-direction:column;gap:4px;display:flex}.priority-panel>button>div:last-child{align-items:flex-end}.priority-panel strong{font-size:11px}.priority-panel span{color:#7b899b;font-size:9px}.priority-panel b{font-size:18px}.asset-insight{margin-top:16px}.asset-insight p{margin:7px 0 0;font-size:12px}.chart-legend{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chart-legend span{color:#64748b;align-items:center;gap:5px;font-size:9px;display:flex}.chart-legend i{border-radius:50%;width:8px;height:8px}.asset-map-shell{z-index:0;isolation:isolate;border-radius:0 0 13px 13px;position:relative;overflow:hidden}.asset-intelligence-map{z-index:0;width:100%;height:100%}.asset-map-legend{z-index:500;background:#fff;border:1px solid #dce5ef;border-radius:9px;flex-wrap:wrap;gap:8px;padding:7px 9px;display:flex;position:absolute;bottom:12px;left:12px;box-shadow:0 3px 13px #0f172a18}.asset-map-legend span{text-transform:capitalize;color:#536579;align-items:center;gap:4px;font-size:9px;display:flex}.asset-map-legend i{border-radius:50%;width:8px;height:8px}.asset-cluster-icon{color:#fff;background:#1d6fe8;border:3px solid #fff;border-radius:50%;place-items:center;font-weight:800;box-shadow:0 3px 10px #0f172a44;display:grid!important}.asset-cluster-icon span{place-items:center;width:100%;height:100%;font-size:11px;display:grid}.leaflet-container{z-index:0;position:relative}.leaflet-pane,.leaflet-top,.leaflet-bottom{z-index:auto}.asset-map-filters,.registry-filter{grid-template-columns:2fr repeat(5,minmax(130px,1fr));gap:9px;margin-bottom:15px;padding:12px;display:grid}.asset-map-filters label,.registry-filter label{background:#fff;border:1px solid #dce5ef;border-radius:9px;align-items:center;gap:7px;padding:0 10px;display:flex}.asset-map-filters label input,.registry-filter label input{background:0 0;border:0;outline:0;width:100%;height:38px}.asset-map-filters select,.registry-filter select,.heading-actions select{color:#42536a;background:#fff;border:1px solid #dce5ef;border-radius:9px;min-height:40px;padding:9px 10px}.asset-map-workspace{grid-template-columns:minmax(0,1fr) 340px;gap:15px;display:grid}.asset-map-main,.asset-map-side{padding:0;overflow:hidden}.asset-map-side .panel-header{border-bottom:1px solid #edf1f6;padding:14px}.map-asset-list{max-height:650px;overflow:auto}.map-asset-list button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:11px 13px;display:flex}.map-asset-list button:hover{background:#f1f7ff}.map-asset-list button>div{flex-direction:column;gap:3px;display:flex}.map-asset-list button>div:last-child{align-items:flex-end}.map-asset-list strong{font-size:10px}.map-asset-list span{color:#7c899a;font-size:9px}.map-asset-list b{font-size:15px}.registry-filter{grid-template-columns:2fr repeat(5,1fr)}.registry-table{padding:0;overflow:hidden}.registry-table .table-scroll{max-height:calc(100vh - 310px)}.registry-table table{min-width:1280px}.registry-table td:first-child{min-width:220px}.registry-table tbody tr{cursor:pointer}.asset-form{grid-template-columns:repeat(3,minmax(0,1fr))}.asset-detail-page-panel{padding:20px}.asset-detail-content{max-width:1180px;margin:0 auto}.asset-detail-hero{justify-content:space-between;align-items:center;gap:20px;padding:6px 0 15px;display:flex}.asset-detail-hero h2{margin:5px 0 10px;font-size:25px}.asset-detail-actions{flex-wrap:wrap;gap:8px;padding-bottom:5px;display:flex}.health-gauge{flex:none;position:relative}.health-gauge svg{width:100%;height:100%;transform:rotate(-90deg)}.health-gauge circle{fill:none;stroke-width:8px}.health-track{stroke:#e9eef5}.health-value{stroke-linecap:round;transition:stroke-dashoffset .5s}.health-gauge.healthy .health-value{stroke:#22c55e}.health-gauge.monitor .health-value{stroke:#eab308}.health-gauge.intervention .health-value{stroke:#f97316}.health-gauge.critical .health-value{stroke:#ef4444}.health-gauge>div{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.health-gauge strong{font-size:24px;line-height:1}.health-gauge span{color:#77869a;margin-top:4px;font-size:9px}.asset-health-summary{grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0;display:grid}.asset-health-summary>div{background:#f8fafc;border:1px solid #edf1f6;border-radius:11px;flex-direction:column;gap:5px;padding:13px;display:flex}.asset-health-summary span{color:#718096;text-transform:uppercase;font-size:9px}.asset-health-summary strong{font-size:22px}.asset-info-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.asset-info-grid.compact{grid-template-columns:repeat(2,1fr);margin:15px 0}.asset-info-grid>div{border:1px solid #edf1f6;border-radius:9px;flex-direction:column;gap:4px;padding:10px;display:flex}.asset-info-grid span{color:#7b899c;font-size:9px}.asset-info-grid strong{font-size:11px}.detail-section{border-top:1px solid #edf1f6;margin-top:15px;padding-top:14px}.detail-section h4{margin:0 0 7px}.detail-section p{color:#596a7d;font-size:11px}.detail-section small{color:#8491a3;font-size:10px}.compact-list{flex-direction:column;gap:7px;display:flex}.compact-list>div{border:1px solid #edf1f6;border-radius:9px;justify-content:space-between;align-items:center;padding:10px;display:flex}.maintenance-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:16px;display:grid}.maintenance-grid article{border:1px solid #edf1f6;border-radius:10px;grid-template-columns:38px 1fr;gap:10px;padding:11px;display:grid}.maintenance-grid svg{color:#2c7df0}.maintenance-grid article>div{flex-direction:column;gap:4px;display:flex}.maintenance-grid strong{font-size:11px}.maintenance-grid span,.maintenance-grid small{color:#77869a;font-size:9px}.workorder-mini-list{flex-direction:column;gap:8px;display:flex}.workorder-mini-list>div{border:1px solid #edf1f6;border-radius:10px;justify-content:space-between;gap:10px;padding:11px;display:flex}.workorder-mini-list>div>div{flex-direction:column;gap:4px;display:flex}.workorder-mini-list strong{font-size:11px}.workorder-mini-list span{color:#7b899b;font-size:9px}.alert-detail-list{flex-direction:column;gap:8px;display:flex}.alert-detail-list article{border:1px solid #edf1f6;border-left-width:4px;border-radius:9px;grid-template-columns:26px 1fr;gap:9px;padding:11px;display:grid}.alert-detail-list .alert-critical{border-left-color:#ef4444}.alert-detail-list .alert-high{border-left-color:#f97316}.alert-detail-list .alert-warning{border-left-color:#eab308}.alert-detail-list .alert-info{border-left-color:#3b82f6}.alert-detail-list svg{color:#f97316}.alert-detail-list strong{font-size:11px}.alert-detail-list p{color:#65758a;margin:4px 0;font-size:10px}.alert-detail-list span{color:#94a3b8;font-size:9px}.muted-note{color:#8b98a8;font-size:10px}.geometry-status{margin-top:10px}.inspection-cards{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.inspection-cards article{background:#fff;border:1px solid #edf1f6;border-radius:12px;grid-template-columns:90px 1fr auto;gap:12px;padding:11px;display:grid}.inspection-cards img,.inspection-cards .photo-placeholder{object-fit:cover;border-radius:9px;width:90px;height:80px}.inspection-cards article>div:nth-child(2){flex-direction:column;gap:4px;display:flex}.inspection-cards article>div:last-child{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.inspection-cards span,.inspection-cards small{color:#7c899b;font-size:9px}.inspection-cards h3{margin:0;font-size:12px}.inspection-cards p{color:#596a7d;margin:2px 0;font-size:10px}.maintenance-plan-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.maintenance-plan-grid article{border:1px solid #edf1f6;border-radius:12px;grid-template-columns:44px 1fr auto;gap:12px;padding:13px;display:grid}.maintenance-plan-grid article.overdue{background:snow;border-color:#fecaca}.maintenance-icon{color:#2c7df0;background:#edf5ff;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.maintenance-plan-grid article>div:nth-child(2){flex-direction:column;gap:4px;display:flex}.maintenance-plan-grid article>div:last-child{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.maintenance-plan-grid span,.maintenance-plan-grid small{color:#7c899b;font-size:9px}.maintenance-plan-grid h3{margin:0;font-size:12px}.maintenance-plan-grid p{color:#5d6e82;margin:2px 0;font-size:10px}.maintenance-meta{flex-wrap:wrap;gap:8px;display:flex}.maintenance-plan-grid article>div:last-child strong{font-size:10px}.maintenance-plan-grid article>div:last-child small{color:#dc2626;font-weight:800}.workorder-board{grid-template-columns:repeat(6,minmax(230px,1fr));gap:10px;padding-bottom:8px;display:grid;overflow-x:auto}.workorder-board>section{background:#f5f7fa;border:1px solid #e5ebf3;border-radius:12px;min-height:520px}.workorder-board>section>header{text-transform:capitalize;border-bottom:1px solid #dce4ee;justify-content:space-between;align-items:center;padding:12px;display:flex}.workorder-board>section>header strong{font-size:10px}.workorder-board>section>header span{background:#fff;border-radius:20px;padding:3px 7px;font-size:9px}.workorder-board>section>div{flex-direction:column;gap:8px;padding:8px;display:flex}.workorder-board article{cursor:pointer;background:#fff;border:1px solid #e1e8f0;border-radius:10px;padding:10px}.workorder-board article.overdue{border-left:4px solid #ef4444}.workorder-board article>div{justify-content:space-between;align-items:center;display:flex}.workorder-board article span,.workorder-board article p,.workorder-board article small{color:#76859a;font-size:9px}.workorder-board article h3{margin:8px 0 4px;font-size:11px}.workorder-board article p{margin:0 0 6px}.workorder-board article button{color:#15835c;background:#eaf7f0;border:0;border-radius:7px;width:100%;margin-top:8px;padding:6px;font-size:9px;font-weight:700}.asset-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-list{flex-direction:column;gap:8px;display:flex}.analytics-list>div{border-bottom:1px solid #edf1f6;grid-template-columns:1fr 40px 100px;align-items:center;gap:8px;padding:9px 0;display:grid}.analytics-list span{align-items:center;gap:7px;font-size:10px;display:flex}.analytics-list i{border-radius:50%;width:8px;height:8px}.analytics-list strong{text-align:right}.analytics-list b{text-align:right;font-size:10px}.asset-document-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.asset-document-grid>a{background:#fff;border:1px solid #e4eaf2;border-radius:12px;grid-template-columns:48px 1fr;gap:12px;padding:13px;display:grid}.asset-document-grid>a:hover{background:#f8fbff;border-color:#bfd7f5}.document-icon{color:#2c7df0;background:#edf5ff;border-radius:11px;place-items:center;width:46px;height:46px;display:grid}.asset-document-grid span,.asset-document-grid small{color:#7b899c;font-size:9px}.asset-document-grid h3{margin:5px 0;font-size:12px}.asset-document-grid p{color:#596a7d;margin:0 0 5px;font-size:10px}.portfolio-map,.map-frame,.asset-map-shell{z-index:0;isolation:isolate;position:relative}.drawer-backdrop{z-index:2000!important}.detail-drawer{z-index:2010!important}.modal-layer{z-index:3000!important}.modal-backdrop{z-index:0}.modal-card{z-index:1;position:relative}.map-frame .map-legend,.asset-map-shell .asset-map-legend{z-index:800}.status-healthy,.status-good,.status-active,.status-completed,.status-verified,.status-routine{color:#138a5e;background:#e9f8f1}.status-monitor,.status-fair,.status-planned,.status-assigned,.status-standby{color:#a86700;background:#fff6dc}.status-intervention,.status-poor,.status-priority,.status-urgent,.status-in_progress,.status-waiting_material,.status-maintenance{color:#c45614;background:#fff0e6}.status-critical,.status-emergency,.status-inactive,.status-overdue{color:#d93838;background:#ffeded}.status-open,.status-draft,.status-owned,.status-medium{color:#2c6ecb;background:#eaf3ff}.status-high{color:#c45614;background:#fff0e6}.status-low,.status-info,.status-none,.status-not_required{color:#526174;background:#eef2f7}@media (width<=1400px){.asset-kpi-grid{grid-template-columns:repeat(4,1fr)}.asset-overview-grid,.asset-map-workspace{grid-template-columns:1fr}.asset-map-side{max-height:420px}.asset-map-filters,.registry-filter{grid-template-columns:repeat(3,1fr)}.asset-document-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.asset-kpi-grid,.asset-health-summary,.asset-info-grid,.asset-analytics-grid{grid-template-columns:repeat(2,1fr)}.asset-map-filters,.registry-filter,.asset-form,.inspection-cards,.maintenance-plan-grid,.asset-document-grid{grid-template-columns:1fr}.inspection-cards article{grid-template-columns:70px 1fr}.inspection-cards article>div:last-child{flex-direction:row;grid-column:2}.asset-detail-hero{align-items:flex-start}.asset-detail-page-panel{padding:12px}.maintenance-grid{grid-template-columns:1fr}}@media (width<=560px){.asset-kpi-grid,.asset-health-summary,.asset-info-grid{grid-template-columns:1fr}.asset-detail-hero{flex-direction:column-reverse}.asset-map-side{display:none}.heading-actions select{width:100%}.inspection-cards article{grid-template-columns:1fr}.inspection-cards img,.inspection-cards .photo-placeholder{width:100%;height:160px}.inspection-cards article>div:last-child{grid-column:auto}.asset-document-grid>a{grid-template-columns:40px 1fr}}.sidebar-nav-scroll{scrollbar-width:thin;min-height:0;padding-right:3px;overflow-y:auto}.twin-caption{color:#7cb8ff!important}.primary-button{color:#fff;background:#2c7df0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 13px;font-size:11px;font-weight:700;display:inline-flex}.heading-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.twin-module-page{--twin-blue:#2c7df0}.twin-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.twin-overview-grid{grid-template-columns:minmax(0,2fr) minmax(320px,.8fr);gap:16px;margin-bottom:16px;display:grid}.twin-chart-grid{grid-template-columns:1.2fr 1.2fr .8fr}.twin-priority-list,.twin-issue-compact{flex-direction:column;max-height:440px;display:flex;overflow:auto}.twin-priority-list>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f6;grid-template-columns:1fr auto;gap:12px;padding:13px 3px;display:grid}.twin-priority-list>button:hover,.twin-issue-compact>button:hover{background:#f7faff}.twin-priority-list>button>div:first-child{flex-direction:column;gap:5px;display:flex}.twin-priority-list strong,.twin-issue-compact strong{font-size:11px}.twin-priority-list span,.twin-priority-list small,.twin-issue-compact span,.twin-issue-compact p{color:#7d8b9e;font-size:9px}.twin-priority-list>button>div:last-child{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.twin-priority-list .inline-progress{background:#e8eef5;border-radius:8px;width:100%;height:5px;overflow:hidden}.twin-priority-list .inline-progress i{background:#2c7df0;height:100%;display:block}.twin-issue-compact>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f6;grid-template-columns:8px 1fr;gap:10px;padding:12px 3px;display:grid}.twin-issue-compact i{background:#ef4444;border-radius:50%;width:7px;height:7px;margin-top:5px}.twin-issue-compact p{margin:4px 0}.twin-insight>div{flex-wrap:wrap;gap:18px;margin-top:10px;display:flex}.twin-insight span{align-items:center;gap:6px;font-size:10px;display:flex}.twin-filter-bar,.twin-register-filters{background:#fff;border:1px solid #e5ebf3;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding:12px;display:flex}.twin-filter-bar>label,.twin-register-search{border:1px solid #dfe7f1;border-radius:9px;flex:1;align-items:center;gap:8px;min-width:280px;padding:0 10px;display:flex}.twin-filter-bar input,.twin-register-search input{border:0;outline:0;width:100%;height:39px}.twin-filter-bar select,.twin-register-filters select,.twin-viewer-controls select,.twin-viewer-controls input,.twin-register-filters label select{background:#fff;border:1px solid #dfe7f1;border-radius:9px;height:40px;padding:0 10px}.twin-filter-bar>span,.twin-register-search>span{color:#718096;font-size:10px}.view-toggle{border:1px solid #dfe7f1;border-radius:9px;display:flex;overflow:hidden}.view-toggle button{background:#fff;border:0;padding:10px}.view-toggle button.active{color:#2c7df0;background:#eaf3ff}.twin-project-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.twin-project-cards article{cursor:pointer;background:#fff;border:1px solid #e5ebf3;border-radius:15px;padding:17px}.twin-project-cards article:hover{background:#fbfdff;border-color:#9fc7fb}.twin-project-card-head{justify-content:space-between;align-items:center;display:flex}.twin-project-card-head>span{color:#2c7df0;font-size:10px;font-weight:800}.twin-project-cards h3{margin:12px 0 8px;font-size:14px}.twin-project-cards p{color:#748196;align-items:center;gap:5px;font-size:10px;display:flex}.twin-card-progress label{color:#748196;justify-content:space-between;margin-top:8px;font-size:9px;display:flex}.twin-card-progress>div{background:#e9eef5;border-radius:8px;height:6px;overflow:hidden}.twin-card-progress i{background:#94a3b8;height:100%;display:block}.twin-card-progress .actual i{background:#2c7df0}.twin-project-cards dl{grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0 0;display:grid}.twin-project-cards dl>div{background:#f7f9fc;border-radius:8px;padding:8px}.twin-project-cards dt{color:#8492a5;font-size:8px}.twin-project-cards dd{margin:4px 0 0;font-size:10px;font-weight:700}.data-table tr{cursor:default}.twin-project-table tr{cursor:pointer}.data-table td>span,.twin-project-table td span{color:#7d8b9e;margin-top:3px;font-size:9px;display:block}.negative{font-weight:700;color:#dc2626!important}.positive{color:#16a34a!important}.twin-full-map{padding:10px}.twin-map-shell{z-index:0;isolation:isolate;background:#dbeafe;border-radius:12px;position:relative;overflow:hidden}.twin-leaflet-map{width:100%;height:100%}.twin-map-legend{z-index:800;background:#fffffff0;border-radius:10px;flex-wrap:wrap;gap:8px;max-width:430px;padding:10px;display:flex;position:absolute;bottom:12px;left:12px;box-shadow:0 2px 12px #0f172a1f}.twin-map-legend strong{width:100%;font-size:9px}.twin-map-legend span{text-transform:capitalize;align-items:center;gap:5px;font-size:8px;display:flex}.twin-map-legend i{border-radius:50%;width:8px;height:8px}.twin-popup{flex-direction:column;gap:5px;display:flex}.twin-popup p{font-size:10px}.twin-popup button{color:#fff;background:#2c7df0;border:0;border-radius:7px;padding:6px}.twin-wms-toggle{background:#fff;border:1px solid #dfe7f1;border-radius:10px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;display:flex}.twin-viewer-controls{background:#fff;border:1px solid #e5ebf3;border-radius:14px;flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:12px;padding:12px;display:flex}.twin-viewer-controls label{color:#758398;flex-direction:column;gap:5px;font-size:9px;display:flex}.twin-viewer-controls label:first-child{min-width:300px}.twin-viewer-controls>div{color:#617188;align-items:center;gap:10px;margin-left:auto;font-size:9px;display:flex}.cesium-twin-shell{isolation:isolate;background:#071426;border-radius:14px;position:relative;overflow:hidden}.cesium-viewer-host{width:100%;height:100%}.cesium-toolbar{z-index:4;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:#dbeafe;background:#071426db;border-radius:11px;flex-wrap:wrap;align-items:end;gap:7px;padding:8px;display:flex;position:absolute;top:12px;left:12px;right:290px}.cesium-toolbar label,.cesium-tool-group{flex-direction:column;gap:4px;font-size:8px;display:flex}.cesium-toolbar select{color:#fff;background:#102a49;border:1px solid #315173;border-radius:6px;height:29px;padding:0 6px}.cesium-toolbar button{color:#fff;background:#102a49;border:1px solid #315173;border-radius:6px;padding:6px 8px;font-size:8px}.cesium-tool-group{flex-direction:row;align-items:center}.cesium-tool-group span{margin-right:4px}.cesium-tool-group button.active{background:#2c7df0}.opacity-control input{width:90px}.cesium-model-panel{z-index:4;color:#dbeafe;background:#071426e6;border-radius:11px;width:265px;max-height:calc(100% - 24px);padding:10px;position:absolute;top:12px;right:12px;overflow:auto}.cesium-model-panel>div{grid-template-columns:18px 1fr auto;gap:7px;padding:4px 5px 10px;display:grid}.cesium-model-panel button{color:#a9bdd5;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:18px 1fr;gap:7px;width:100%;padding:9px 7px;display:grid}.cesium-model-panel button:hover,.cesium-model-panel button.selected{color:#fff;background:#17365c}.cesium-model-panel button span{flex-direction:column;display:flex}.cesium-model-panel strong{font-size:9px}.cesium-model-panel small{color:#829ab8;margin-top:3px;font-size:7px}.cesium-4d-status{z-index:4;color:#fff;background:#071426e0;border-radius:10px;align-items:center;gap:9px;padding:10px;display:flex;position:absolute;bottom:12px;left:12px}.cesium-4d-status span{background:#2c7df0;border-radius:5px;padding:4px;font-size:8px}.cesium-4d-status small{color:#9eb3ce;font-size:8px}.cesium-error{z-index:5;color:#fff;background:#7f1d1d;border-radius:8px;gap:7px;padding:8px;font-size:9px;display:flex;position:absolute;bottom:60px;left:12px}.twin-viewer-footer{grid-template-columns:1.3fr repeat(3,minmax(170px,.7fr));gap:10px;margin-top:12px;display:grid}.twin-viewer-footer>div,.twin-viewer-footer article{background:#fff;border:1px solid #e5ebf3;border-radius:12px;padding:12px}.twin-viewer-footer>div{grid-template-columns:22px 1fr;gap:6px;display:grid}.twin-viewer-footer>div p{color:#718096;grid-column:2;margin:0;font-size:9px}.twin-viewer-footer article{flex-direction:column;gap:4px;display:flex}.twin-viewer-footer article span,.twin-viewer-footer article small{color:#718096;font-size:8px}.twin-viewer-footer article strong{font-size:10px}.twin-viewer-footer article button{border:0;border-radius:6px;padding:5px;font-size:8px}.twin-control-hero{background:#fff;border:1px solid #e5ebf3;border-radius:15px;justify-content:space-between;gap:18px;margin-bottom:12px;padding:18px;display:flex}.twin-control-hero span,.twin-control-hero p,.twin-control-hero small{color:#718096;font-size:10px}.twin-control-hero h2{margin:7px 0;font-size:24px}.twin-control-hero>div:first-child>div{align-items:center;gap:7px;display:flex}.twin-control-tabs{border-bottom:1px solid #dfe7f1;gap:4px;margin-bottom:14px;display:flex;overflow-x:auto}.twin-control-tabs button{white-space:nowrap;color:#718096;background:0 0;border:0;padding:11px 13px;font-size:10px}.twin-control-tabs button.active{color:#2c7df0;border-bottom:2px solid #2c7df0;font-weight:700}.twin-control-kpis{grid-template-columns:repeat(5,1fr)}.twin-control-grid{grid-template-columns:1.5fr .8fr;gap:15px;display:grid}.twin-control-summary dl{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.twin-control-summary dl>div{background:#f7f9fc;border-radius:8px;padding:9px}.twin-control-summary dt{color:#718096;font-size:8px}.twin-control-summary dd{margin:4px 0 0;font-size:11px;font-weight:700}.twin-control-summary h4{margin:14px 0 4px;font-size:10px}.twin-control-summary p{color:#66758a;font-size:9px;line-height:1.5}.twin-register-filters label{align-items:center;gap:7px;font-size:9px;display:flex}.twin-register-filters label select{min-width:320px}.twin-register-search{background:#fff;margin-bottom:12px}.twin-register-panel .panel-header>div{align-items:center;gap:8px;display:flex}.twin-register-panel .panel-header h3{margin:0}.twin-register-table td,.twin-register-table th{font-size:9px}.file-button{position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.twin-form-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.twin-form-grid label{color:#718096;flex-direction:column;gap:5px;font-size:9px;display:flex}.twin-form-grid input,.twin-form-grid select,.twin-form-grid textarea{background:#fff;border:1px solid #dfe7f1;border-radius:8px;outline:0;padding:9px}.twin-form-grid .wide{grid-column:1/-1}.twin-upload-layout{grid-template-columns:1.6fr .7fr;gap:16px;display:grid}.model-dropzone{text-align:center;color:#718096;border:2px dashed #b8c9dd;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:relative}.model-dropzone input{opacity:0;position:absolute;inset:0}.model-dropzone.selected{background:#f3f8ff;border-color:#2c7df0}.model-dropzone strong{font-size:11px}.model-dropzone span{font-size:8px}.twin-checks{align-items:center;gap:12px;display:flex}.twin-checks label{flex-direction:row}.twin-upload-note,.form-context{color:#765311;background:#fff8e8;border-radius:9px;align-items:flex-start;gap:8px;margin-top:12px;padding:10px;font-size:9px;display:flex}.form-context{color:#315e92;background:#eef6ff}.form-actions{justify-content:flex-end;gap:8px;margin-top:15px;display:flex}.twin-cost-kpis{grid-template-columns:repeat(5,1fr)}.twin-cost-grid,.twin-rfi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.twin-issue-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.twin-issue-board article{border:1px solid #e6ebf2;border-radius:9px;margin-bottom:8px;padding:10px}.twin-issue-board article>div{align-items:center;gap:6px;display:flex}.twin-issue-board h4{margin:8px 0 4px;font-size:10px}.twin-issue-board p{color:#718096;font-size:8px}.twin-issue-board button,.twin-inspection-cards button{color:#286ec8;background:#eef6ff;border:0;border-radius:6px;align-items:center;gap:4px;padding:6px;font-size:8px;display:flex}.twin-inspection-cards article>div:last-child{gap:5px}.twin-media-uploader{grid-template-columns:1.3fr 160px 1fr 170px 120px;align-items:center;gap:10px;margin-bottom:14px;display:grid}.twin-media-uploader>div h3{margin:5px 0;font-size:13px}.twin-media-uploader>div p{color:#718096;font-size:9px}.twin-media-uploader input,.twin-media-uploader select{border:1px solid #dfe7f1;border-radius:9px;height:40px;padding:0 9px}.twin-drone-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;display:grid}.twin-drone-summary article{background:#fff;border:1px solid #e5ebf3;border-radius:12px;grid-template-columns:35px 1fr;gap:3px;padding:14px;display:grid}.twin-drone-summary article svg{grid-row:1/3}.twin-drone-summary span{color:#718096;font-size:9px}.twin-media-timeline>div{border-left:2px solid #dce7f5;grid-template-columns:90px 1fr;gap:15px;margin-bottom:18px;margin-left:8px;padding-left:13px;display:grid}.twin-media-timeline time{color:#2c7df0;font-size:9px;font-weight:700}.twin-media-timeline section{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.twin-media-timeline a{border:1px solid #e5ebf3;border-radius:10px;grid-template-columns:40px 1fr;gap:9px;padding:10px;display:grid}.twin-media-timeline strong{font-size:9px}.twin-media-timeline span,.twin-media-timeline p{color:#718096;font-size:8px}.twin-document-upload{margin-bottom:14px}.file-input-row{grid-template-columns:18px 1fr 1fr auto;align-items:center;display:grid!important}.file-input-row input{border:0}.twin-document-grid{grid-template-columns:repeat(4,1fr)}.twin-document-grid a>div:last-child{min-width:0}.twin-document-grid small{margin-top:5px;display:block}.twin-operations-kpis{grid-template-columns:repeat(4,1fr)}.twin-report-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;display:grid}.twin-report-grid article{flex-direction:column;gap:9px;display:flex}.twin-report-grid article>div{flex-direction:column;display:flex}.twin-report-grid span{color:#2c7df0;font-size:8px;font-weight:700}.twin-report-grid strong{font-size:11px}.twin-report-grid dl{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.twin-report-grid dl div{background:#f7f9fc;border-radius:7px;padding:6px}.twin-report-grid dt{color:#718096;font-size:7px}.twin-report-grid dd{margin:3px 0 0;font-size:9px;font-weight:700}.report-master{grid-row:span 2;background:#eef6ff!important}.twin-report-catalog{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.twin-report-catalog>div{border:1px solid #e5ebf3;border-radius:9px;grid-template-columns:22px 1fr;gap:3px;padding:10px;display:grid}.twin-report-catalog span{color:#718096;grid-column:2;font-size:8px}.spin{animation:.8s linear infinite spin}@media (width<=1450px){.twin-project-cards,.twin-issue-board,.twin-viewer-footer{grid-template-columns:repeat(2,1fr)}.twin-document-grid,.twin-kpi-grid,.twin-control-kpis{grid-template-columns:repeat(3,1fr)}}@media (width<=1100px){.twin-overview-grid,.twin-chart-grid,.twin-control-grid,.twin-cost-grid,.twin-rfi-grid{grid-template-columns:1fr}.twin-media-uploader{grid-template-columns:1fr 1fr}.twin-media-uploader>div{grid-column:1/-1}.twin-media-timeline section,.twin-document-grid,.twin-report-catalog,.twin-report-grid{grid-template-columns:repeat(2,1fr)}.cesium-model-panel{width:230px}.cesium-toolbar{right:255px}}@media (width<=760px){.twin-project-cards,.twin-kpi-grid,.twin-control-kpis,.twin-cost-kpis,.twin-operations-kpis,.twin-drone-summary,.twin-report-grid,.twin-issue-board,.twin-form-grid{grid-template-columns:1fr}.twin-form-grid .wide{grid-column:auto}.twin-upload-layout{grid-template-columns:1fr}.twin-filter-bar,.twin-register-filters{flex-direction:column;align-items:stretch}.twin-filter-bar>label,.twin-register-filters label select{width:100%;min-width:0}.twin-viewer-controls{flex-direction:column;align-items:stretch}.twin-viewer-controls label:first-child{min-width:0}.twin-viewer-controls>div{margin-left:0}.cesium-toolbar{max-height:100px;right:12px;overflow:auto}.cesium-model-panel{max-height:170px;top:auto;bottom:12px;right:12px}.cesium-4d-status{display:none}.twin-control-hero{flex-direction:column}.twin-media-timeline>div,.twin-media-timeline section,.twin-document-grid,.twin-report-catalog,.twin-media-uploader,.twin-document-grid{grid-template-columns:1fr}.file-input-row{grid-template-columns:1fr!important}.twin-report-grid{grid-template-columns:1fr}}:root{--series-1:#2563eb;--series-2:#10b981;--series-3:#f59e0b;--series-4:#ef4444;--series-5:#8b5cf6}.utility-caption{color:#67e8f9!important}.live-status-pill{color:#475569;white-space:nowrap;background:#fff;border:1px solid #dbeafe;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.live-status-pill i{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #22c55e1f}.utility-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.utility-overview-grid{grid-template-columns:minmax(0,2.2fr) minmax(320px,.9fr);gap:16px;margin-bottom:16px;display:grid}.utility-bottom-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.utility-map-panel{overflow:hidden}.utility-map-frame{isolation:isolate;z-index:0;background:#e2e8f0;border-radius:14px;position:relative;overflow:hidden}.utility-leaflet-map{z-index:0;width:100%;height:100%}.utility-map-legend{z-index:700;background:#fffffff0;border:1px solid #94a3b859;border-radius:10px;flex-wrap:wrap;gap:10px;padding:8px 10px;font-size:11px;display:flex;position:absolute;bottom:14px;left:14px}.utility-map-legend span{align-items:center;gap:5px;display:flex}.utility-map-legend i{border-radius:50%;width:8px;height:8px}.utility-alert-list{flex-direction:column;display:flex}.utility-alert-item{border-bottom:1px solid #edf2f7;grid-template-columns:10px minmax(0,1fr) auto;align-items:start;gap:10px;padding:14px 0;display:grid}.utility-alert-item>i{background:#f59e0b;border-radius:50%;width:8px;height:8px;margin-top:6px}.utility-alert-item>i.severity-critical,.utility-alert-item>i.severity-emergency{background:#ef4444}.utility-alert-item>i.severity-major{background:#f97316}.utility-alert-item div{flex-direction:column;gap:3px;min-width:0;display:flex}.utility-alert-item strong{font-size:13px}.utility-alert-item span,.utility-alert-item small{color:#64748b;font-size:11px}.system-card-list{flex-direction:column;gap:9px;display:flex}.system-summary-card{border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:minmax(0,1fr) 55px 55px auto;align-items:center;gap:10px;padding:13px;display:grid}.system-summary-card>div:first-child{flex-direction:column;gap:3px;display:flex}.system-summary-card span,.system-summary-card small{color:#64748b;text-transform:capitalize;font-size:11px}.system-summary-card b{font-size:18px;display:block}.chart-container.compact{min-height:260px}.utility-map-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex}.utility-map-toolbar label,.telemetry-controls label{color:#64748b;flex-direction:column;gap:5px;font-size:12px;display:flex}.utility-map-toolbar select,.telemetry-controls select{background:#fff;border:1px solid #cbd5e1;border-radius:9px;min-width:240px;padding:9px 11px}.map-service-chip{color:#2563eb;background:#eff6ff;border-radius:9px;align-items:center;gap:7px;margin-left:auto;padding:9px 12px;font-size:12px;display:flex}.utility-map-layout{grid-template-columns:minmax(0,1fr) 330px;gap:16px;display:grid}.utility-map-layout>.panel:first-child{padding:0;overflow:hidden}.utility-map-detail{max-height:650px;overflow:auto}.empty-map-detail{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:400px;display:flex}.telemetry-controls{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.telemetry-device-head{border-top:1px solid #e2e8f0;align-items:center;gap:10px;padding:12px 0;display:flex}.telemetry-device-head div{flex-direction:column;display:flex}.telemetry-device-head span{color:#64748b;font-size:12px}.utility-telemetry-chart{min-height:420px}.inline-actions{gap:5px;display:flex}.inline-actions button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.scada-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.scada-board{color:#e2e8f0;background:#071526;border:1px solid #cbd5e1;border-radius:16px;padding:18px;overflow:hidden}.scada-title{border-bottom:1px solid #94a3b838;align-items:center;gap:9px;padding-bottom:14px;display:flex}.scada-title .live-dot{color:#86efac;letter-spacing:.08em;margin-left:auto;font-size:10px}.scada-flow{justify-content:space-between;align-items:center;gap:4px;padding:30px 4px;display:flex}.scada-node{text-align:center;background:#0e749021;border:1px solid #38bdf873;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:28%;min-height:125px;display:flex}.scada-node.danger{background:#ef444421;border-color:#ef4444}.scada-node strong{font-size:12px}.scada-node small{color:#93c5fd;font-size:11px}.scada-icon{color:#7dd3fc;background:#2563eb40;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.scada-pipe{background:#38bdf8;flex:1;height:4px;position:relative;box-shadow:0 0 8px #38bdf88c}.scada-pipe:after{content:"›";color:#7dd3fc;font-size:24px;position:absolute;top:-13px;right:-3px}.scada-pipe span{white-space:nowrap;color:#bae6fd;font-size:10px;position:absolute;top:-23px;left:50%;transform:translate(-50%)}.scada-alarm-strip{flex-wrap:wrap;gap:7px;min-height:30px;display:flex}.scada-alarm-strip span{color:#fde68a;background:#f59e0b2e;border-radius:999px;padding:6px 9px;font-size:10px}.scada-alarm-strip .severity-critical,.scada-alarm-strip .severity-emergency{color:#fecaca;background:#ef444433}.scada-alarm-strip .normal-state{color:#bbf7d0;background:#22c55e26}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.report-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.report-icon{color:#2563eb;background:#eff6ff;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.report-card p{color:#64748b;margin:5px 0;font-size:13px}.report-card small{color:#94a3b8}.module-access-layout{grid-template-columns:310px minmax(0,1fr);gap:16px;display:grid}.module-user-list{max-height:680px;padding:10px;overflow:auto}.module-user-list .panel-header{padding:6px 8px 12px}.module-user-list>button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.module-user-list>button.active{color:#1d4ed8;background:#eff6ff}.module-user-list>button>div:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.module-user-list span{color:#64748b;font-size:11px}.avatar.small{width:34px;height:34px;font-size:11px}.module-matrix .panel-header{align-items:flex-start}.module-check{justify-content:center;align-items:center;display:inline-flex}.module-check input{accent-color:#2563eb;width:18px;height:18px}.access-source{color:#64748b;background:#f1f5f9;border-radius:999px;padding:4px 7px;font-size:10px}.access-source.explicit{color:#1d4ed8;background:#dbeafe}.access-source.superuser{color:#6d28d9;background:#ede9fe}.access-denied-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:420px;display:flex}@media (width<=1400px){.utility-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1050px){.utility-overview-grid,.utility-bottom-grid,.utility-map-layout,.module-access-layout,.scada-grid{grid-template-columns:1fr}.utility-map-detail{max-height:none}.utility-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.module-user-list{max-height:300px}.report-grid{grid-template-columns:1fr}}@media (width<=640px){.utility-metrics{grid-template-columns:1fr}.scada-flow{flex-direction:column}.scada-node{width:100%}.scada-pipe{flex:none;width:4px;height:35px}.scada-pipe:after{display:none}.scada-pipe span{top:10px;left:18px;transform:none}.report-card{grid-template-columns:auto 1fr}.report-card button{grid-column:1/-1}}.asg-demo-page{--asg-navy:#0b1f38;--asg-blue:#163f73;--asg-gold:#b88a35}.asg-hero{color:#fff;background:linear-gradient(125deg,#071426,#102d4d 60%,#1b4168);border-radius:22px;justify-content:space-between;align-items:center;gap:24px;padding:30px 34px;display:flex;box-shadow:0 20px 45px #0714262b}.asg-hero span{letter-spacing:.18em;opacity:.68;font-size:11px;font-weight:800}.asg-hero h2{max-width:780px;margin:8px 0;font-size:clamp(26px,3vw,38px)}.asg-hero p{opacity:.78;max-width:760px;margin:0}.asg-hero>strong{letter-spacing:.12em;color:#f6d48d;border:1px solid #ffffff38;border-radius:999px;flex:none;padding:9px 12px;font-size:10px}.asg-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:18px 0;display:grid}.asg-kpi-grid article{background:#fff;border:1px solid #e2e8f0;border-radius:16px;gap:6px;min-height:138px;padding:20px;display:grid}.asg-kpi-grid article svg{color:#1d4f83}.asg-kpi-grid article span,.asg-kpi-grid article small{color:#64748b}.asg-kpi-grid article strong{color:#0f172a;font-size:25px}.asg-demo-links{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.asg-demo-links a{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:15px;gap:8px;padding:18px;text-decoration:none;display:grid}.asg-demo-links a:hover{border-color:#93c5fd;transform:translateY(-1px)}.asg-demo-links svg{color:#1d4f83}.asg-demo-links span{color:#64748b;font-size:13px}.asg-land-toolbar{align-items:center;gap:12px;margin-bottom:15px;display:flex}.asg-land-toolbar label{flex:1;align-items:center;gap:8px;min-width:240px;display:flex}.asg-land-toolbar input,.asg-land-toolbar select{width:100%}.asg-land-toolbar select{max-width:260px}.asg-land-layout{grid-template-columns:minmax(0,1fr) 330px;gap:15px;margin-bottom:16px;display:grid}.asg-land-layout>.panel{padding:0;overflow:hidden}.asg-land-map-shell{min-height:500px;position:relative}.asg-land-map{width:100%;height:100%;min-height:inherit}.asg-map-legend{z-index:900;background:#fffffff0;border-radius:12px;flex-wrap:wrap;gap:7px;max-width:calc(100% - 28px);padding:9px 11px;display:flex;position:absolute;bottom:14px;left:14px;box-shadow:0 5px 20px #0f172a26}.asg-map-legend span{text-transform:capitalize;color:#334155;align-items:center;gap:5px;font-size:10px;display:flex}.asg-map-legend i{border-radius:50%;width:9px;height:9px}.asg-parcel-detail{padding:20px!important;overflow:auto!important}.asg-parcel-detail h3{margin:4px 0 8px;font-size:23px}.asg-status-pill{color:#075985;text-transform:capitalize;background:#e0f2fe;border-radius:999px;margin-bottom:14px;padding:6px 10px;font-size:11px;display:inline-flex}.asg-empty-selection{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:420px;padding:24px;display:flex}.asg-empty-selection svg{color:#94a3b8}.asg-empty-selection strong{color:#0f172a}.asg-demo-page tbody tr:hover{background:#f1f5f9}.asg-caption{color:#d0a65d!important}@media (width<=1050px){.asg-land-layout{grid-template-columns:1fr}.asg-parcel-detail{min-height:260px}.asg-hero{flex-direction:column;align-items:flex-start}}@media (width<=720px){.asg-land-toolbar{flex-direction:column;align-items:stretch}.asg-land-toolbar select{max-width:none}}.asg-masterplan-toolbar{align-items:center;gap:12px;margin-bottom:15px;display:flex}.asg-masterplan-toolbar select{min-width:190px}.asg-layer-switches{flex:1;gap:8px;display:flex}.asg-layer-switches label{color:#334155;background:#f8fafc;border:1px solid #dbe4ee;border-radius:10px;align-items:center;gap:7px;padding:8px 11px;font-size:12px;font-weight:700;display:inline-flex}.asg-layer-switches input{accent-color:#1d4f83}.asg-masterplan-map-shell{min-height:520px;position:relative}.asg-masterplan-map{width:100%;height:100%;min-height:inherit}.asg-masterplan-legend{z-index:900;background:#fffffff2;border-radius:12px;flex-wrap:wrap;gap:7px;max-width:calc(100% - 28px);padding:9px 11px;display:flex;position:absolute;bottom:14px;left:14px;box-shadow:0 5px 20px #0f172a29}.asg-masterplan-legend span{color:#334155;text-transform:capitalize;align-items:center;gap:5px;font-size:10px;display:inline-flex}.asg-masterplan-legend i{border-radius:2px;width:9px;height:9px}@media (width<=900px){.asg-masterplan-toolbar{flex-direction:column;align-items:stretch}.asg-layer-switches{flex-wrap:wrap}.asg-masterplan-toolbar select{width:100%}}.asg-development-map-shell{min-height:520px;position:relative}.asg-development-map{width:100%;height:100%;min-height:inherit}.asg-development-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.asg-development-toolbar label{color:#334155;align-items:center;gap:8px;font-weight:700;display:inline-flex}.asg-development-toolbar span{color:#64748b;font-size:12px}.asg-control-room-button{justify-content:center;width:100%;margin-top:15px}@media (width<=800px){.asg-development-toolbar{flex-direction:column;align-items:flex-start}}.asg-spatial-controls{justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px;display:flex}.asg-spatial-controls>div:first-child{gap:3px;display:grid}.asg-spatial-controls>div:first-child span{color:#64748b;font-size:12px}.asg-mode-tabs{flex-wrap:wrap;gap:7px;display:flex}.asg-mode-tabs button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #dbe4ee;border-radius:10px;padding:8px 11px;font-size:11px;font-weight:700}.asg-mode-tabs button:hover{border-color:#93c5fd}.asg-mode-tabs button.active{color:#1e40af;background:#dbeafe;border-color:#1d4ed8}.asg-spatial-map-shell{min-height:540px;position:relative}.asg-spatial-map{width:100%;height:100%;min-height:inherit}.asg-spatial-legend{z-index:900;background:#fffffff2;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;max-width:calc(100% - 28px);padding:9px 11px;display:flex;position:absolute;bottom:14px;left:14px;box-shadow:0 5px 20px #0f172a29}.asg-spatial-legend>strong{margin-right:4px;font-size:10px}.asg-spatial-legend span{color:#334155;align-items:center;gap:5px;font-size:10px;display:inline-flex}.asg-spatial-legend i{border-radius:2px;width:10px;height:10px}.asg-spatial-legend .score-very-high{background:#166534}.asg-spatial-legend .score-high{background:#22c55e}.asg-spatial-legend .score-medium{background:#eab308}.asg-spatial-legend .score-low{background:#f97316}.asg-spatial-legend .score-very-low{background:#dc2626}@media (width<=980px){.asg-spatial-controls{flex-direction:column;align-items:flex-start}}.asg-property-map-shell{min-height:540px;position:relative}.asg-property-map{width:100%;height:100%;min-height:inherit}.asg-property-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.asg-property-toolbar>div{flex-wrap:wrap;gap:7px;display:flex}.asg-property-toolbar button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #dbe4ee;border-radius:10px;padding:8px 11px;font-size:11px;font-weight:700}.asg-property-toolbar button.active{color:#1e40af;background:#dbeafe;border-color:#1d4ed8}@media (width<=900px){.asg-property-toolbar{flex-direction:column;align-items:flex-start}}.asg-operations-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:15px;display:flex}.asg-operations-toolbar>div:first-child{gap:3px;display:grid}.asg-operations-toolbar span{color:#64748b;font-size:12px}.asg-operations-toolbar>div:last-child{gap:10px;display:flex}.asg-operations-toolbar label{color:#334155;background:#f8fafc;border:1px solid #dbe4ee;border-radius:9px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:700;display:inline-flex}.asg-operations-map-shell{min-height:520px;position:relative}.asg-operations-map{width:100%;height:100%;min-height:inherit}.asg-operations-map-legend{z-index:900;background:#fffffff2;border-radius:11px;flex-wrap:wrap;gap:9px;padding:9px 11px;display:flex;position:absolute;bottom:14px;left:14px;box-shadow:0 5px 18px #0f172a26}.asg-operations-map-legend span{color:#334155;align-items:center;gap:5px;font-size:10px;display:inline-flex}.asg-operations-map-legend i{border-radius:50%;width:10px;height:10px}.asg-op-asset-good{background:#16a34a}.asg-op-asset-watch{background:#f97316}.asg-op-utility{background:#0ea5e9}.asg-operations-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:15px;display:grid}.asg-operations-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.asg-ops-feed{gap:8px;display:grid}.asg-ops-feed-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:9px 1fr;gap:10px;padding:10px;display:grid}.asg-ops-feed-item>i{background:#64748b;border-radius:5px;width:8px;height:100%;min-height:38px}.asg-ops-feed-item>i.asset{background:#2563eb}.asg-ops-feed-item>i.utility{background:#0ea5e9}.asg-ops-feed-item>i.warning{background:#eab308}.asg-ops-feed-item>i.high{background:#f97316}.asg-ops-feed-item>i.critical{background:#dc2626}.asg-ops-feed-item>div{gap:2px;display:grid}.asg-ops-feed-item strong{color:#0f172a;font-size:12px}.asg-ops-feed-item span,.asg-ops-feed-item small{color:#64748b;font-size:10px}.asg-ops-empty{color:#64748b;text-align:center;border:1px dashed #cbd5e1;border-radius:10px;padding:24px;font-size:12px}.asg-ops-jump{cursor:pointer;gap:8px;transition:transform .15s,border-color .15s;display:grid}.asg-ops-jump:hover{border-color:#93c5fd;transform:translateY(-2px)}.asg-ops-jump svg{color:#2563eb}.asg-ops-jump strong{color:#0f172a}.asg-ops-jump span{color:#64748b;font-size:12px;line-height:1.5}@media (width<=1050px){.asg-operations-grid,.asg-operations-grid.three{grid-template-columns:1fr}.asg-operations-toolbar{flex-direction:column;align-items:flex-start}}.asg-3d-scenario-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:15px;display:grid}.asg-3d-scenario-strip button{color:#475569;cursor:pointer;text-align:left;background:#fff;border:1px solid #dce5ef;border-radius:11px;gap:4px;min-height:66px;padding:10px 12px;display:grid}.asg-3d-scenario-strip button span{font-size:11px;font-weight:800}.asg-3d-scenario-strip button small{color:#8492a5;font-size:8px}.asg-3d-scenario-strip button.active{color:#1d4ed8;background:#eaf3ff;border-color:#2c7df0;box-shadow:0 3px 12px #2c7df01f}.asg-3d-workspace{grid-template-columns:minmax(0,1fr) 310px;gap:15px;margin-bottom:15px;display:grid}.asg-3d-main{padding:8px}.asg-future3d-shell{isolation:isolate;background:#071426;border-radius:12px;min-height:620px;position:relative;overflow:hidden}.asg-future3d-host{width:100%;height:100%}.asg-future3d-camera{z-index:4;pointer-events:none;flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:12px;left:12px;right:12px}.asg-future3d-camera button{color:#fff;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#071426e6;border:1px solid #315173;border-radius:7px;align-items:center;gap:5px;padding:7px 9px;font-size:8px;display:inline-flex}.asg-future3d-camera button:hover{background:#17365c}.asg-future3d-camera button:disabled{cursor:not-allowed;opacity:.45}.asg-future3d-legend{z-index:4;color:#dbeafe;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#071426e0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:9px 11px;display:flex;position:absolute;bottom:12px;left:12px}.asg-future3d-legend strong{margin-right:4px;font-size:8px}.asg-future3d-legend span{align-items:center;gap:5px;font-size:8px;display:inline-flex}.asg-future3d-legend i{border-radius:2px;width:9px;height:9px}.asg-3d-existing{background:#22c55e}.asg-3d-development{background:#3b82f6}.asg-3d-future{background:#94a3b8}.asg-3d-side{align-self:start;position:sticky;top:10px}.asg-3d-side>h3{margin:5px 0 3px}.asg-3d-note{color:#64748b;font-size:10px;line-height:1.5}.asg-3d-side hr{border:0;border-top:1px solid #e5ebf3;margin:15px 0}.asg-3d-side-kpis{grid-template-columns:1fr;gap:7px;margin-top:12px;display:grid}.asg-3d-side-kpis div{background:#f7f9fc;border-radius:8px;justify-content:space-between;align-items:center;gap:9px;padding:8px;display:flex}.asg-3d-side-kpis span{color:#718096;font-size:9px}.asg-3d-side-kpis strong{font-size:10px}.asg-3d-full-button{justify-content:center;width:100%;margin-top:10px}.asg-3d-phase-register{margin-bottom:15px}.asg-future3d-shell .cesium-viewer-bottom{display:none!important}@media (width<=1150px){.asg-3d-workspace{grid-template-columns:1fr}.asg-3d-side{position:static}}@media (width<=850px){.asg-3d-scenario-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.asg-3d-scenario-strip{grid-template-columns:1fr}}