:root{--navy:#071b3d;--navy2:#0b2b5c;--blue:#1263df;--sky:#eaf3ff;--bg:#f4f7fb;--card:#fff;--text:#13213a;--muted:#667085;--line:#e2e8f0;--green:#0e9f6e;--amber:#e59b18;--red:#d92d20;--violet:#6941c6;--shadow:0 8px 30px rgba(9,30,66,.07)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--bg);font-size:14px}.app-shell{min-height:100vh}.sidebar{width:256px;background:linear-gradient(180deg,#071a3a,#09234d 70%,#071a3a);color:white;position:fixed;inset:0 auto 0 0;padding:24px 16px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 28px}.brand-mark{width:38px;height:38px;display:flex;gap:3px;align-items:flex-end;padding:5px;border:1px solid #3f6aa5;border-radius:8px}.brand-mark span{display:block;width:8px;background:#28a5f6;border-radius:2px}.brand-mark span:nth-child(1){height:25px}.brand-mark span:nth-child(2){height:18px}.brand-mark span:nth-child(3){height:12px}.brand strong{font:800 16px Manrope;letter-spacing:.8px}.brand strong span{color:#37b3ff}.brand small,.user-card small{display:block;color:#8fa9cc;font-size:9px;letter-spacing:1.4px;margin-top:3px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{border:0;background:transparent;color:#afc1da;padding:12px;border-radius:8px;text-align:left;font:500 13px Inter;cursor:pointer;display:flex;align-items:center;gap:12px}.nav-item>span{font-size:18px;width:20px;text-align:center}.nav-item b{margin-left:auto;background:#b42318;color:white;min-width:20px;height:20px;border-radius:10px;font-size:10px;display:grid;place-items:center}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,#1259c5,#0a3f91);color:white;box-shadow:inset 3px 0 #54b8ff}.system-card{margin-top:auto;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:13px}.system-head{font-size:11px;font-weight:600;margin-bottom:12px}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3dd598;box-shadow:0 0 0 4px rgba(61,213,152,.12);margin-right:7px}.system-row{display:flex;justify-content:space-between;color:#91a9ca;font-size:9px;margin-top:7px}.system-row strong{color:#d8e5f7}.user-card{border:0;background:transparent;color:white;display:flex;align-items:center;gap:9px;text-align:left;padding:18px 4px 2px;width:100%}.user-card>span:nth-child(2){flex:1}.user-card strong{font-size:11px}.avatar{background:#2b67b4;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:10px;font-weight:700}main{margin-left:256px;min-height:100vh}.topbar{height:66px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:15}.menu-btn{display:none}.breadcrumb{display:flex;gap:9px;font-size:11px;color:#667085}.breadcrumb b{color:#c3c9d2}.breadcrumb strong{color:#172b4d}.top-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.live{background:#eefbf6;color:#087a55;padding:7px 10px;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.5px}.live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#16b47b;margin-right:5px}.icon-button{width:34px;height:34px;border:1px solid var(--line);background:white;border-radius:7px;font-size:18px;color:#53627a;position:relative}.alert-dot:after{content:"";position:absolute;width:6px;height:6px;background:#e52b22;border:2px solid white;border-radius:50%;right:6px;top:5px}.primary,.secondary{border-radius:7px;padding:10px 15px;font:600 11px Inter;cursor:pointer}.primary{border:1px solid #0d57c7;background:linear-gradient(#1772ed,#0d5fd7);color:white;box-shadow:0 3px 8px rgba(18,99,223,.2)}.primary:hover{filter:brightness(1.05)}.secondary{border:1px solid #cdd7e6;background:white;color:#18365e}.small{padding:9px 13px}.view{display:none;padding:32px;max-width:1600px;margin:auto}.view.active{display:block}.hero-row,.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#1263df;margin:0 0 8px}.hero-row h1,.page-heading h1{font:800 28px Manrope;margin:0;color:#0b1f44}.subtitle{margin:7px 0 0;color:var(--muted);font-size:12px}.hero-actions{display:flex;gap:8px}.status-strip{background:#fff;border:1px solid var(--line);border-radius:8px;padding:11px 15px;margin-bottom:16px;display:flex;gap:0;color:#6f7d91;font-size:9px;box-shadow:0 2px 5px rgba(9,30,66,.03)}.status-strip>span{padding:0 24px;border-right:1px solid var(--line)}.status-strip>span:first-child{padding-left:0}.status-strip>span:last-child{border:0}.status-strip strong{color:#283b57;margin-left:3px}.status-strip i{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px}.green{background:#16a673}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:14px}.kpi{background:white;border:1px solid var(--line);border-radius:9px;box-shadow:0 3px 12px rgba(15,35,68,.04);padding:15px;display:flex;gap:12px;min-height:101px;align-items:center}.kpi-icon{width:36px;height:36px;border-radius:7px;display:grid;place-items:center;font-size:19px}.kpi-icon.blue{color:#1263df;background:#eaf3ff}.kpi-icon.amber{color:#d5850a;background:#fff6e5}.kpi-icon.red{color:#d92d20;background:#fff0ee}.kpi-icon.violet{color:#6941c6;background:#f1edff}.kpi span{display:block;color:#6d7b8d;font-size:9px;margin-bottom:6px}.kpi strong{font:800 24px Manrope;color:#0c244e;display:block}.kpi strong small{font:600 11px Inter}.kpi em{font-style:normal;font-size:8px;color:#7b8797}.kpi em.up{color:#07855d}.kpi em.danger{color:#c62f25}.health-kpi{padding-left:12px}.health-kpi>div:last-child strong{font:700 14px Manrope;margin-bottom:3px}.score-ring{--score:78;width:58px;height:58px;border-radius:50%;background:conic-gradient(#1685ec calc(var(--score)*1%),#e6edf6 0);display:grid;place-items:center;position:relative}.score-ring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff}.score-ring span{font:800 18px Manrope;color:#0e4f9f;z-index:1;margin:0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:14px}.panel{background:white;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow)}.corridor-panel{padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel-head h2{font:700 14px Manrope;margin:0 0 4px;color:#12284b}.panel-head p{font-size:9px;color:#7b8798;margin:0}.legend{display:flex;gap:12px;font-size:8px;color:#768397}.legend span{display:flex;align-items:center;gap:4px}.legend i{width:7px;height:7px;border-radius:50%}.good{background:#20a676}.monitor{background:#e6aa25}.poor{background:#ed7a27}.critical{background:#db3025}.route-summary{display:flex;justify-content:space-between;background:#f8fafc;border:1px solid #e8edf4;padding:10px 12px;margin:16px 0 11px;border-radius:5px;font-size:9px;color:#65748a}.route-summary b{color:#173b6f;margin-right:6px}.route-summary strong{color:#173b6f}.rail-map{height:117px;position:relative;margin:0 12px}.track-line{height:8px;display:flex;position:absolute;top:54px;left:2%;right:2%;border-radius:5px;overflow:hidden}.seg{flex:1}.good-bg{background:#23ad7c}.monitor-bg{background:#e8ad2d}.poor-bg{background:#e97a26}.station{position:absolute;top:36px;z-index:2;text-align:center;transform:translateX(-50%)}.station:before{content:"";display:block;width:13px;height:13px;border:3px solid white;background:#184e91;box-shadow:0 0 0 2px #184e91;border-radius:50%;margin:10px auto 27px}.station b,.station small{display:block;white-space:nowrap;font-size:8px}.station b{color:#1f3655}.station small{color:#8792a3;margin-top:2px}.s1{left:2%}.s2{left:22%}.s3{left:42%}.s4{left:72%}.s5{left:98%}.defect-marker{position:absolute;top:24px;z-index:4;width:21px;height:21px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);color:white;border:2px solid white;box-shadow:0 2px 6px #758298;font-weight:800}.defect-marker::first-letter{transform:rotate(45deg)}.critical-marker{background:#db3025}.amber-marker{background:#e99c1c}.condition-summary{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 0;margin-bottom:10px}.condition-summary div{padding-left:12px;border-right:1px solid var(--line)}.condition-summary div:last-child{border:0}.condition-summary span{display:block;color:#7b8797;font-size:8px}.condition-summary strong{font-size:11px;margin-top:3px;display:block;color:#263c5a}.text-link{border:0;background:transparent;color:#0c5fcf;font:600 9px Inter;padding:3px;cursor:pointer}.alerts-panel{padding:18px}.alert-card{border-left:3px solid var(--amber);border-radius:5px;background:#fbfcfe;padding:11px;margin-top:11px;display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:start;border-top:1px solid #eef1f5;border-right:1px solid #eef1f5;border-bottom:1px solid #eef1f5;cursor:pointer}.alert-card.critical-alert{border-left-color:var(--red)}.alert-symbol{width:30px;height:30px;border-radius:6px;background:#fff0ed;color:var(--red);display:grid;place-items:center}.alert-card strong{font-size:9px;display:block}.alert-card p{font-size:8px;color:#7b8797;margin:4px 0}.alert-card small{font-size:7px;color:#9aa4b1}.badge{display:inline-block;padding:4px 7px;border-radius:12px;font-size:7px;font-weight:700;text-transform:uppercase}.badge.critical{background:#feeceb;color:#c92920}.badge.high{background:#fff2dd;color:#b26c02}.badge.medium{background:#eaf3ff;color:#1762bb}.badge.low{background:#eef8f3;color:#087d57}.badge.online{background:#e9f8f1;color:#0a845c}.badge.offline{background:#f2f4f7;color:#667085}.trend-panel,.work-panel{padding:18px}.panel-head select,.filter-bar select,.filter-bar input{border:1px solid #dbe2ec;border-radius:6px;background:white;padding:8px 10px;font:9px Inter;color:#53627a}.chart{height:155px;position:relative;margin:12px 5px 0 28px;border-bottom:1px solid #dfe6ef;background:repeating-linear-gradient(to bottom,#fff 0,#fff 37px,#edf1f6 38px)}.chart svg{position:absolute;inset:0;width:100%;height:130px}.chart .area{fill:url(#area)}.chart .line{fill:none;stroke:#1570ef;stroke-width:3}.chart-y{position:absolute;left:-29px;top:-4px;height:125px;display:flex;flex-direction:column;justify-content:space-between;font-size:7px;color:#8c97a7}.chart-x{position:absolute;left:0;right:0;bottom:-18px;display:flex;justify-content:space-between;font-size:7px;color:#8c97a7}.completion{font:800 24px Manrope;color:#1263df}.progress{height:8px;border-radius:4px;background:#e6edf6;margin:20px 0 15px;overflow:hidden}.progress span{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#0d5fd7,#2ba4f3)}.work-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:14px}.work-stats div{border-right:1px solid var(--line)}.work-stats div:last-child{border:0;padding-left:12px}.work-stats strong{display:block;font:700 17px Manrope}.work-stats span{font-size:8px;color:#7c8898}.activity{border-top:1px solid var(--line);padding-top:12px;display:flex;gap:9px;margin-bottom:8px}.activity-icon{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;color:#07855d;background:#eaf8f2}.activity strong{font-size:8px;display:block}.activity small{font-size:7px;color:#8390a0}.filter-bar{display:flex;gap:9px;margin:0 0 14px}.filter-bar input{min-width:280px}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th{text-align:left;padding:12px 15px;background:#f8fafc;color:#66758b;font-size:9px;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--line)}.table-wrap td{padding:14px 15px;border-bottom:1px solid #edf1f5;font-size:10px;color:#41516a}.table-wrap tbody tr:hover{background:#f9fbfd}.table-wrap td strong{color:#132c52}.table-action{border:1px solid #dbe2ec;background:white;border-radius:5px;padding:5px 8px;cursor:pointer;color:#1959a5}.expanded-map{padding:20px}.map-toolbar{display:flex;justify-content:space-between;color:#718096;font-size:10px}.map-toolbar strong{color:#1a365d}.linear-map{margin-top:20px;min-height:420px;background:linear-gradient(180deg,#eff6ee,#e7f1e6);border:1px solid #dce7df;border-radius:8px;position:relative;overflow:hidden}.linear-map:before{content:"";position:absolute;width:14px;top:-20px;bottom:-20px;left:50%;background:#586474;box-shadow:-6px 0 0 #d7dde2,6px 0 0 #d7dde2;transform:rotate(11deg)}.map-finding{position:absolute;background:white;border:1px solid #dfe6ee;border-radius:7px;padding:10px;box-shadow:0 4px 12px rgba(0,0,0,.08);width:160px;font-size:9px}.map-finding strong,.map-finding span{display:block}.map-finding span{color:#728096;margin-top:3px}.sensor-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.sensor-summary div{background:white;border:1px solid var(--line);border-radius:8px;padding:17px}.sensor-summary strong{font:800 22px Manrope;color:#123566;display:block}.sensor-summary span{font-size:9px;color:#718096}.sensor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sensor-card{padding:17px}.sensor-card .sensor-top{display:flex;justify-content:space-between}.sensor-card h3{font:700 13px Manrope;margin:0}.sensor-type{color:#788597;font-size:9px;margin:5px 0 18px}.sensor-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sensor-meta div{background:#f7f9fc;border-radius:5px;padding:9px}.sensor-meta span{font-size:7px;color:#8994a3;display:block}.sensor-meta strong{font-size:9px}.alert-list{padding:7px 18px}.alert-row{display:grid;grid-template-columns:55px 1.5fr 1fr 1fr 1fr auto;align-items:center;gap:15px;padding:16px 6px;border-bottom:1px solid var(--line);font-size:10px}.alert-row:last-child{border:0}.alert-row small{color:#8591a1}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;align-items:start}.board-column{background:#eaf0f6;border-radius:9px;padding:10px;min-height:350px}.board-head{display:flex;justify-content:space-between;padding:4px 3px 12px;font:700 10px Inter;color:#38506f}.count{background:#d7e0ea;border-radius:10px;padding:2px 7px}.wo-card{background:white;border:1px solid #dfe6ef;border-radius:7px;padding:12px;margin-bottom:9px;box-shadow:0 2px 6px rgba(16,36,66,.04);cursor:pointer}.wo-card:hover{border-color:#8ab6ee}.wo-card>span{display:flex;justify-content:space-between;color:#6f7d8f;font-size:8px}.wo-card h3{font:700 10px Manrope;margin:9px 0 6px}.wo-card p{font-size:8px;color:#778598;margin:0 0 10px}.wo-footer{border-top:1px solid #edf1f5;padding-top:8px;display:flex;justify-content:space-between;font-size:7px;color:#8490a0}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.report-card{padding:20px;position:relative}.report-icon{width:42px;height:42px;border-radius:9px;background:#eaf3ff;color:#1263df;display:grid;place-items:center;font-size:20px}.report-card h3{font:700 13px Manrope;margin:16px 0 7px}.report-card p{font-size:9px;color:#748195;min-height:34px}.report-card footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;margin-top:15px;color:#8b96a5;font-size:8px}.drawer-overlay,.modal-backdrop{position:fixed;inset:0;background:rgba(4,16,36,.38);z-index:40;opacity:0;pointer-events:none;transition:.2s}.drawer-overlay.open,.modal-backdrop.open{opacity:1;pointer-events:auto}.detail-drawer{position:fixed;right:-500px;top:0;bottom:0;width:min(460px,95vw);background:white;z-index:45;box-shadow:-12px 0 35px rgba(0,0,0,.15);padding:28px;transition:.25s;overflow:auto}.detail-drawer.open{right:0}.drawer-close{position:absolute;right:18px;top:14px;border:0;background:#f0f3f7;width:31px;height:31px;border-radius:50%;font-size:20px;cursor:pointer;color:#53627a}.detail-header{padding-bottom:18px;border-bottom:1px solid var(--line)}.detail-header .eyebrow{margin-top:12px}.detail-header h2{font:800 22px Manrope;margin:6px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.detail-field{background:#f7f9fc;border-radius:6px;padding:10px}.detail-field span{font-size:8px;color:#8190a3;display:block}.detail-field strong{font-size:10px;display:block;margin-top:4px}.evidence-box{height:170px;border-radius:8px;background:linear-gradient(135deg,#303b49,#8d9294);display:grid;place-items:center;color:white;margin:12px 0;position:relative;overflow:hidden}.evidence-box:after{content:"RAIL SURFACE SCAN · KM 127.4";position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.55);padding:8px;font-size:8px}.drawer-actions{display:flex;gap:8px;margin-top:20px}.drawer-actions button{flex:1}.modal-backdrop{display:grid;place-items:center}.modal{width:min(530px,92vw);background:white;border-radius:11px;padding:26px;position:relative;transform:translateY(10px);transition:.2s}.modal-backdrop.open .modal{transform:none}.modal h2{font:800 20px Manrope;margin:0 0 5px}.modal p{font-size:10px;color:#748195}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.form-field label{font-size:8px;color:#65748a;display:block;margin-bottom:5px}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #d9e1ec;border-radius:6px;padding:9px;font:10px Inter}.form-field.full{grid-column:1/-1}.modal-footer{display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;right:25px;bottom:25px;background:#10294d;color:white;padding:12px 17px;border-radius:7px;box-shadow:0 8px 30px rgba(0,0,0,.2);font-size:10px;z-index:60;transform:translateY(80px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.sensor-grid{grid-template-columns:repeat(2,1fr)}.board{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.menu-btn{display:block;border:0;background:none;font-size:19px;margin-right:12px}main{margin-left:0}.dashboard-grid{grid-template-columns:1fr}.view{padding:22px}.topbar{padding:0 18px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.report-grid{grid-template-columns:repeat(2,1fr)}.top-actions .icon-button,.live{display:none}}@media(max-width:600px){.hero-row,.page-heading{align-items:flex-start;gap:18px;flex-direction:column}.hero-actions{width:100%}.hero-actions button{flex:1}.kpi-grid,.sensor-grid,.sensor-summary,.report-grid,.board{grid-template-columns:1fr}.status-strip{overflow:auto}.status-strip>span{white-space:nowrap}.view{padding:18px 13px}.small{display:none}.legend{display:none}.condition-summary{grid-template-columns:repeat(2,1fr)}.filter-bar{overflow:auto}.alert-row{grid-template-columns:45px 1fr auto}.alert-row>*:nth-child(3),.alert-row>*:nth-child(4),.alert-row>*:nth-child(5){display:none}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}}