*{box-sizing:border-box} :root{--ink:#202426;--muted:#727a7d;--line:#e5e8e3;--canvas:#f4f5f1;--panel:#fff;--lime:#d4ff5c;--lime-deep:#b6e235;--amber:#f5a849;--red:#ee6a50;--blue:#8dc6d8;--purple:#a09ae0;--sidebar:#171b1c} body{margin:0;background:var(--canvas);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:13px}button{font:inherit;cursor:pointer;border:0;color:inherit} .app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:234px;background:var(--sidebar);color:#f5f7ed;display:flex;flex-direction:column;padding:25px 16px 14px;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:600;letter-spacing:-.7px;padding:0 10px 33px;background:none;border:none;color:inherit;cursor:pointer;text-align:left;width:100%}
.brand:hover{opacity:.85}
.brand:focus-visible{outline:2px solid var(--focus,#b8e878);outline-offset:3px;border-radius:6px}.brand-mark{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:var(--lime);color:#18201c;font-size:19px;font-weight:700}.brand-accent{color:var(--lime)}.site-switcher{display:flex;align-items:center;gap:9px;padding:11px 10px;margin-bottom:26px;border:1px solid #394142;border-radius:8px;background:#23292a}.site-switcher small,.site-switcher strong,.sync-state small,.sync-state strong,.user-card small,.user-card strong{display:block}.site-switcher small,.sync-state small,.user-card small{font-size:10px;color:#9ba4a2;letter-spacing:.06em}.site-switcher strong{font-size:12px;margin-top:3px}.status-dot,.live-dot,.good-dot,.pulse{display:inline-block;border-radius:50%;background:var(--lime)}.status-dot{width:7px;height:7px}.chevron{margin-left:auto;color:#87908d}.main-nav{flex:1}.nav-label{color:#777f7c;font-size:10px;font-weight:600;letter-spacing:.12em;padding:0 11px;margin:0 0 9px}.nav-label.second{margin-top:27px}.nav-item{display:flex;align-items:center;width:100%;gap:11px;color:#aeb6b2;text-align:left;background:none;padding:11px 11px;border-radius:7px;margin:2px 0;font-size:13px}.nav-item:hover,.nav-item.active{color:#f5f7ed;background:#2b3332}.nav-item.active{box-shadow:inset 3px 0 0 var(--lime)}.nav-item b{margin-left:auto;font-size:10px;color:#838d89;font-weight:500}.nav-item .alert-badge{color:#ffad61}.nav-icon{width:17px;text-align:center;font-size:17px;color:#7f8a85}.nav-item.active .nav-icon{color:var(--lime)}.sidebar-footer{border-top:1px solid #343b3b;padding-top:14px}.sync-state{display:flex;align-items:center;gap:9px;padding:9px}.sync-state strong,.user-card strong{font-size:11px;font-weight:500}.sync-state small,.user-card small{font-size:10px;margin-top:3px}.pulse{width:6px;height:6px;box-shadow:0 0 0 4px #334333}.user-card{width:100%;background:#242b2b;border-radius:8px;padding:10px;display:flex;align-items:center;gap:9px;color:#f2f4ed;text-align:left;margin-top:12px}.user-card>span:last-child{margin-left:auto;color:#7d8581}.avatar{width:27px;height:27px;background:#c6a6ec;color:#3a2d56;display:grid;place-items:center;border-radius:50%;font-size:10px;font-weight:700}.main-content{margin-left:234px;width:calc(100% - 234px);max-width:1600px;padding:0 41px 24px}.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumbs{display:flex;gap:10px;color:#929a97;font-size:11px}.breadcrumbs strong{color:#4e5555;font-weight:500}.top-actions{display:flex;align-items:center;gap:15px}.live-chip{font:500 10px 'DM Mono',monospace;letter-spacing:.06em;color:#657063;background:#e7f1d4;border:1px solid #d8e9b9;padding:6px 9px;border-radius:5px}.live-chip.small{font-size:9px;padding:5px 7px}.live-dot{width:5px;height:5px;margin-right:5px;vertical-align:1px;box-shadow:0 0 0 3px rgba(212,255,92,.3)}.icon-button,.help-button{position:relative;background:transparent;color:#687171;font-size:19px}.help-button{width:22px;height:22px;border:1px solid #b6bdb9;border-radius:50%;font-size:12px}.notification-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--red);right:0;top:2px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:36px 0 27px}.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:.1em;color:#818987;margin:0 0 9px}.page-heading h1{font:500 32px 'Space Grotesk',sans-serif;letter-spacing:-1.4px;margin:0}.heading-punctuation{color:#b6e235}.heading-subtitle{color:#7b8380;margin:9px 0 0;font-size:13px}.heading-actions,.analysis-actions{display:flex;gap:8px;align-items:center}.primary-button,.secondary-button{border-radius:6px;padding:10px 14px;font-size:12px;font-weight:600}.primary-button{background:var(--ink);color:white}.primary-button:hover{background:#3b4242}.primary-button span{color:var(--lime);margin-left:8px}.secondary-button{background:white;border:1px solid #dce1da;color:#47504e}.secondary-button:hover{border-color:#adb7b0;background:#fafbf8}.metrics-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:12px}.metric-card,.panel{background:var(--panel);border:1px solid #e7e9e3;border-radius:9px;box-shadow:0 2px 5px rgba(36,46,39,.025)}.metric-card{padding:17px 18px 15px;min-height:128px}.metric-top,.metric-bottom{display:flex;align-items:center;justify-content:space-between}.metric-label{font:500 10px 'DM Mono',monospace;color:#8c9490;letter-spacing:.08em}.trend{font:500 10px 'DM Mono',monospace}.trend.positive{color:#72931f}.trend.warning{color:#ca8127}.metric-icon{color:#8bb7c0;font-size:17px}.metric-icon.purple{color:var(--purple)}.metric-value{font:500 32px 'Space Grotesk',sans-serif;letter-spacing:-1px;margin:13px 0 10px}.metric-health .metric-value{color:#789a1e}.unit{font-size:17px;color:#87908b;letter-spacing:0}.metric-bottom{font-size:11px;color:#8b9390;gap:6px;justify-content:flex-start}.metric-bottom .metric-link{margin-left:auto;color:#758e29;cursor:pointer}.mini-bar{height:4px;width:68px;border-radius:3px;background:#ecf0e7;overflow:hidden}.mini-bar span{display:block;height:100%;background:var(--lime-deep)}.good-dot{width:6px;height:6px;flex:none}.workspace-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:12px;margin-top:12px}.panel{padding:19px}.panel-header{display:flex;justify-content:space-between;align-items:flex-start}.panel h2,.section-heading h2{font:500 20px 'Space Grotesk',sans-serif;letter-spacing:-.7px;margin:0}.panel h3{font:600 14px 'Space Grotesk',sans-serif;margin:0}.panel-controls{display:flex;gap:5px;align-items:center}.filter-button,.range-button{font-size:10px;color:#7e8783;background:transparent;padding:7px 8px;border-radius:5px}.filter-button.active,.range-button.active{background:#eef2e8;color:#53652b;font-weight:600}.more-button{background:transparent;color:#9aa29e;margin-left:4px}.health-layout{display:flex;gap:25px;align-items:center;margin:23px 0 17px}.health-ring-wrap{min-width:150px;text-align:center}.health-ring{height:137px;width:137px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--lime-deep) 0 92%,#edf0e8 92% 100%);position:relative}.health-ring:after{content:'';position:absolute;inset:10px;border-radius:50%;background:white}.health-ring>div{position:relative;z-index:1}.health-ring strong{display:block;font:500 34px 'Space Grotesk',sans-serif;letter-spacing:-1px}.health-ring span{display:block;font:500 9px 'DM Mono',monospace;letter-spacing:.04em;color:#98a09b;margin-top:2px}.ring-caption{font-size:11px;color:#748078}.asset-list{flex:1}.asset-row{display:grid;grid-template-columns:30px 1fr 30px 56px 14px;align-items:center;gap:8px;width:100%;padding:9px 7px;background:transparent;border-bottom:1px solid #eef0ec;text-align:left}.asset-row:last-child{border-bottom:0}.asset-row:hover,.asset-row.selected{background:#f8faf4;border-radius:6px}.asset-type{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;font-size:17px}.type-compressor{background:#e9e5f8;color:#7773ad}.type-pump{background:#e0f0f1;color:#579499}.type-conveyor{background:#fff0dc;color:#c48642}.type-injection{background:#e9f3d8;color:#779a39}.asset-info strong{font-size:11px;font-weight:600;display:block}.asset-info small{display:block;color:#9ca39f;font-size:9px;margin-top:3px}.asset-score{font:500 12px 'DM Mono',monospace;color:#648222}.warning-score,.warning-text{color:#cc842e}.asset-state{font-size:10px;color:#6e9026}.row-arrow,.item-arrow{color:#a1aaa5;font-size:18px}.panel-link,.text-button{display:flex;justify-content:space-between;width:100%;color:#728b2a;background:transparent;border-top:1px solid #edf0eb;padding:13px 0 0;font-size:11px;text-align:left}.count-pill{font:500 10px 'DM Mono',monospace;color:#b36e22;background:#fff0df;border:1px solid #f5ddbd;border-radius:10px;padding:5px 8px}.attention-list{margin:17px 0 15px}.attention-item{display:flex;align-items:center;gap:10px;width:100%;padding:14px 0;background:transparent;text-align:left;border-bottom:1px solid #eef0ec}.attention-item:last-child{border-bottom:0}.severity-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;font-weight:600}.high .severity-icon{background:#ffe7df;color:#d2684f}.medium .severity-icon{background:#fff1dc;color:#c5802f}.low .severity-icon{background:#e4f1ef;color:#569198}.attention-item strong{display:block;font-size:11px;font-weight:600}.attention-item small{display:block;color:#9ca39f;font-size:9px;margin-top:4px}.item-arrow{margin-left:auto}.attention-footer{display:flex;gap:13px;font-size:9px;color:#99a09d;padding-top:4px}.tiny-line{display:inline-block;width:13px;height:3px;border-radius:3px;margin-right:4px;vertical-align:2px}.high-line{background:#ef7458}.medium-line{background:#f5ac54}.low-line{background:#78b2a8}.analysis-section{margin-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:13px}.range-button{padding:7px 10px}.compact{padding:8px 11px;margin-left:7px}.analysis-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:12px}.panel-muted{color:#949c99;font-size:10px;margin:5px 0 0}.signal-live{font:500 9px 'DM Mono',monospace;color:#7b8f31}.spectrum-chart{height:245px;background:#202829;border-radius:6px;margin-top:18px;position:relative;padding:15px 13px 26px 29px;overflow:hidden}.spectrum-chart svg{width:100%;height:100%;display:block;position:relative;z-index:1}.chart-grid-lines{position:absolute;inset:20px 14px 28px 32px;background:repeating-linear-gradient(to right,transparent 0,transparent calc(16.66% - 1px),rgba(255,255,255,.08) 16.66%),repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),rgba(255,255,255,.07) 25%)}.chart-y{position:absolute;left:8px;color:#76807e;font:9px 'DM Mono',monospace}.y1{top:18px}.y2{top:103px}.y3{bottom:26px}.chart-x{position:absolute;bottom:8px;left:34px;right:14px;display:flex;justify-content:space-between;color:#76807e;font:9px 'DM Mono',monospace}.spectrum-legend{display:flex;align-items:center;gap:17px;padding-top:13px;color:#8b9390;font-size:10px}.legend-swatch{display:inline-block;width:15px;height:3px;border-radius:2px;margin-right:5px;vertical-align:2px}.legend-swatch.lime{background:var(--lime)}.legend-swatch.amber{background:var(--amber)}.spectrum-confidence{margin-left:auto}.spectrum-confidence strong{color:#b2d73e;font:500 10px 'DM Mono',monospace}.diagnosis-score{display:flex;align-items:center;gap:14px;padding:20px 0 17px;border-bottom:1px solid #edf0eb}.diagnosis-score-number{font:500 37px 'Space Grotesk',sans-serif;color:#cc8329;letter-spacing:-1px}.diagnosis-score-number span{font-size:19px}.diagnosis-score strong{display:block;font-size:12px}.diagnosis-score span{display:block;font-size:10px;color:#9aa19f;margin-top:4px}.diagnosis-facts>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf0eb}.diagnosis-facts span{font:500 9px 'DM Mono',monospace;color:#929a97}.diagnosis-facts strong{font-size:11px;font-weight:600}.rul-bar{height:6px;border-radius:4px;background:#eef0e9;margin-top:17px;overflow:hidden;position:relative}.rul-bar span{display:block;width:42%;height:100%;background:linear-gradient(90deg,#d4ff5c,#f4ae55)}.rul-bar i{position:absolute;left:42%;top:-2px;height:10px;width:2px;background:#ef6c51}.rul-scale{display:flex;justify-content:space-between;color:#9aa19d;font:9px 'DM Mono',monospace;margin:7px 0 18px}.full-width{width:100%;justify-content:center;display:flex}.bottom-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:12px;margin-top:30px}.text-button{border:0;padding:0;width:auto;font-size:11px}.table-wrap{overflow:auto}.work-panel{padding-bottom:9px}.work-panel .panel-header,.activity-panel .panel-header{margin-bottom:15px}table{width:100%;border-collapse:collapse;text-align:left;font-size:10px}th{font:500 9px 'DM Mono',monospace;color:#969e9b;padding:0 7px 9px}td{border-top:1px solid #eef0eb;padding:11px 7px;color:#68716e;white-space:nowrap}td:first-child{color:var(--ink)}td strong,td small{display:block}td small{font-size:9px;color:#9da5a1;margin-top:4px}.type-tag,.status-tag{font-size:9px;border-radius:4px;padding:4px 6px}.predictive{background:#e9f3d7;color:#769326}.preventive{background:#e8eff4;color:#60869c}.status-tag i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:4px}.assigned{color:#c5802b;background:#fff1df}.assigned i{background:#f4aa4d}.progress{color:#5f8b86;background:#e4f0ef}.progress i{background:#66a69f}.planned{color:#778181;background:#eff1ee}.planned i{background:#a1aaa5}.activity-feed{display:flex;flex-direction:column}.activity-item{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #eef0eb}.activity-item:last-child{border-bottom:0}.activity-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:6px;font-size:13px}.activity-icon.lime{background:#edf5dc;color:#86a32d}.activity-icon.blue{background:#e5f0f4;color:#5a8da1}.activity-icon.amber{background:#fff0dc;color:#c48738}.activity-icon.gray{background:#f0f1ee;color:#84908a}.activity-item strong{font-size:10px;display:block}.activity-item small{font-size:9px;color:#9ba29f;display:block;margin-top:3px}.activity-item time{color:#777f7d}.page-footer{display:flex;justify-content:space-between;color:#9ca39f;font:9px 'DM Mono',monospace;padding:25px 2px 0}.page-footer b{color:#c1c9c3;padding:0 5px}.toast{position:fixed;right:25px;bottom:25px;display:flex;gap:8px;align-items:center;background:#202828;color:white;padding:11px 15px;border-radius:7px;box-shadow:0 8px 25px #18201c33;font-size:11px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translateY(0)}.toast>span:first-child{color:var(--lime);font-weight:bold}.modal-backdrop{display:none;position:fixed;inset:0;background:#17201a66;z-index:10;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{width:min(455px,100%);background:#fff;border-radius:10px;padding:28px;position:relative;box-shadow:0 20px 60px #13201933}.modal-close{position:absolute;right:18px;top:15px;background:none;color:#8c9591;font-size:24px}.modal h2{font:500 25px 'Space Grotesk',sans-serif;letter-spacing:-.7px;margin:0}.modal-subtitle{font-size:12px;color:#8b9390;margin:7px 0 25px}.modal label{display:block;color:#69736f;font-size:10px;font-weight:600;margin:14px 0}.modal select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #e0e5dc;border-radius:5px;background:#fafbf9;color:#303936;font:inherit}.priority-options{display:flex;gap:7px;margin-top:6px}.priority{padding:7px 11px;background:#f2f3ef;border-radius:5px;color:#7c8580;font-size:11px}.priority.active{background:#fff0df;color:#c77b23;box-shadow:inset 0 0 0 1px #f1c98f}.modal-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #edf0eb;margin-top:25px;padding-top:18px}@media(max-width:1100px){.main-content{padding:0 25px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.workspace-grid,.analysis-grid,.bottom-grid{grid-template-columns:1fr}.health-panel{min-height:0}}@media(max-width:720px){.sidebar{width:190px;padding:18px 8px}.brand{padding:0 10px 25px}.brand>span:last-child,.site-switcher span:not(.status-dot),.site-switcher .chevron,.nav-label,.nav-item b{font-size:0}.site-switcher{padding:13px 14px;justify-content:center}.nav-icon{font-size:18px}.sync-state,.user-card{justify-content:center;padding:9px}.sync-state span:not(.pulse),.user-card span:not(.avatar){display:none}.user-card>span:last-child{display:none}.main-content{margin-left:190px;width:calc(100% - 190px);padding:0 15px 20px}.topbar{height:55px}.breadcrumbs span,.breadcrumbs strong{font-size:10px}.top-actions .live-chip{display:none}.page-heading{display:block;padding:26px 0 22px}.page-heading h1{font-size:26px}.heading-actions{margin-top:17px}.metrics-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{padding:14px 12px;min-height:119px}.metric-value{font-size:27px}.metric-bottom{font-size:10px;flex-wrap:wrap}.metric-bottom .metric-link{margin-left:0}.panel{padding:15px}.health-layout{display:block}.health-ring-wrap{margin-bottom:17px}.panel-controls .filter-button:not(.active){display:none}.asset-row{grid-template-columns:27px 1fr 25px 14px}.asset-state{display:none}.section-heading{display:block}.analysis-actions{margin-top:12px;justify-content:flex-start}.spectrum-legend{gap:8px;font-size:9px;flex-wrap:wrap}.spectrum-confidence{margin-left:0}.page-footer{display:block;line-height:2}.page-footer span{display:block}.modal{padding:24px 19px}}
.demo-chip{background:#fff0df;border-color:#f1c98f;color:#a06a1c;font-weight:600}
.top-actions .demo-chip{display:inline-flex!important}
.metric-value .unit-only{font-size:17px;font-weight:500;color:#8b9390;letter-spacing:0}
.panel-empty{color:#8b9390;font-size:11px;padding:20px 0;margin:0}