@font-face{font-family:Montserrat;font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/montserrat-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/montserrat-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;font-family:Montserrat,Segoe UI,Arial,sans-serif;color:#eef7ff;background:#041126;font-synthesis:none;--bg: #041126;--sidebar: #06162f;--panel: #081a34;--panel-2: #0b2142;--panel-3: #0d274c;--line: rgba(116, 186, 229, .2);--line-strong: rgba(117, 201, 245, .34);--line-soft: rgba(104, 176, 222, .12);--text: #eef7ff;--muted: #91a9c1;--muted-deep: #6f89a5;--cyan: #12a8e9;--cyan-light: #69d2ff;--blue: #164194;--red: #ff5361;--red-dark: #d93448;--amber: #ffbd5b;--green: #42d99a}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan-light);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.heros-logo{display:block;filter:brightness(0) invert(1) drop-shadow(0 0 14px rgba(51,183,242,.16))}.heros-ambient{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#041126,#06245f 48%,#05236c)}.heros-ambient:before,.heros-ambient:after{content:"";position:fixed;z-index:-1;pointer-events:none}.heros-ambient:before{inset:0 auto 0 0;width:min(32vw,480px);opacity:.5;clip-path:polygon(0 0,70% 0,100% 52%,70% 100%,0 100%);background:linear-gradient(72deg,transparent 35%,rgba(86,183,238,.22) 36%,transparent 38%),repeating-linear-gradient(18deg,rgba(255,255,255,.025) 0 2px,transparent 2px 14px),linear-gradient(100deg,#123c73,#071c3f 78%);box-shadow:inset -35px 0 65px #0006}.heros-ambient:after{width:min(64vw,850px);aspect-ratio:1;right:min(-31vw,-330px);top:50%;transform:translateY(-50%);border-radius:50%;opacity:.55;background:radial-gradient(circle,#071326 0 13%,#087fc1 13.5% 16%,#061730 16.5% 24%,transparent 24.5%),repeating-radial-gradient(circle,transparent 0 7%,rgba(73,176,231,.22) 7.5% 8.5%,rgba(3,22,54,.9) 9% 14%);box-shadow:0 0 100px #0088ce4d}.splash-shell,.login-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:28px;text-align:center}.splash-card{position:relative;width:min(470px,100%);padding:34px 30px 29px;overflow:hidden;border:1px solid rgba(142,211,247,.2);border-radius:22px;background:#04122cc2;box-shadow:0 28px 80px #0000004d,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.splash-card:before{content:"";position:absolute;inset:0 22% auto;height:1px;background:linear-gradient(90deg,transparent,#4bc2f5,transparent);box-shadow:0 0 18px #4bc2f5b3}.splash-logo{width:min(270px,78%);height:auto;margin:0 auto 27px}.portal-title{min-height:45px;margin:0 0 27px;padding:11px 23px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,151,222,.62);border-radius:8px;color:#fff;background:#010b1fa8;box-shadow:inset 0 0 0 1px #ffffff06,0 10px 25px #00000026;font-size:16px;font-weight:800;line-height:1.15;letter-spacing:.13em}.progress-track{position:relative;width:min(270px,82%);height:4px;margin:0 auto 16px;overflow:hidden;border-radius:999px;background:#ffffff1f}.progress-track:after{content:"";position:absolute;inset:0 auto 0 -48%;width:48%;border-radius:inherit;background:linear-gradient(90deg,transparent,#12a8e9 38%,#8edcff 70%,transparent);box-shadow:0 0 16px #12a8e9cc;animation:progress 1.45s ease-in-out infinite}.loading-status{margin:0;color:#d7e9f8;font-size:13px;font-weight:600;letter-spacing:.015em}.loading-dots span{animation:blink 1.3s infinite both}.loading-dots span:nth-child(2){animation-delay:.18s}.loading-dots span:nth-child(3){animation-delay:.36s}.copyright{margin:25px 0 0;color:#ffffff8c;font-size:10px;font-weight:500}.login-content{width:min(470px,100%)}.login-logo{width:min(286px,76%);height:auto;margin:0 auto 29px}.login-content>.portal-title{margin-bottom:22px}.login-card{width:100%;padding:16px;display:grid;gap:12px;border:1px solid rgba(131,178,216,.2);border-radius:11px;background:#061122e8;box-shadow:0 24px 68px #00000061,inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-field{display:block}.input-with-icon{position:relative;display:block}.input-with-icon>svg{position:absolute;z-index:1;top:50%;right:17px;transform:translateY(-50%);color:#8fa7c0;pointer-events:none}.input-with-icon input{height:54px;padding:0 48px 0 17px;border-color:#89aecf52;border-radius:8px;background:#050c18db;font-size:14px;font-weight:500}.input-with-icon input::placeholder{color:#9caec2;opacity:1}.login-button{min-height:51px;margin-top:1px;font-size:15px}.secure-access{margin:1px 0 0;display:flex;align-items:center;justify-content:center;gap:7px;color:#7f9bb7;font-size:10px;font-weight:600}.app-shell{min-height:100vh;display:grid;grid-template-columns:242px minmax(0,1fr);background:radial-gradient(circle at 86% -8%,rgba(10,97,175,.16),transparent 33%),var(--bg)}.sidebar{position:sticky;top:0;height:100vh;padding:25px 16px 18px;display:flex;flex-direction:column;border-right:1px solid var(--line-soft);background:linear-gradient(180deg,#071a37,#041329);box-shadow:12px 0 45px #0000001f}.brand{display:grid;gap:12px;padding:0 9px 27px;border-bottom:1px solid var(--line-soft)}.brand .heros-logo{width:172px;max-width:100%;height:auto}.brand>span{color:#93bad5;font-size:.62rem;font-weight:800;letter-spacing:.15em}nav{margin-top:19px;display:grid;gap:7px}.nav-item{min-height:46px;padding:0 13px;display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:8px;color:var(--muted);background:transparent;text-align:left;font-weight:600;cursor:pointer}.nav-item.active{color:#fff;border-color:#34b7f133;background:linear-gradient(90deg,#12a8e92e,#12a8e912);box-shadow:inset 3px 0 var(--cyan)}.nav-item.active svg{color:var(--cyan-light)}.nav-item:disabled{opacity:.47;cursor:default}.nav-item span{flex:1}.nav-item b{min-width:24px;padding:3px 7px;border-radius:10px;background:var(--red-dark);color:#fff;text-align:center;font-size:.68rem}.sidebar-footer{margin-top:auto;padding:16px 5px 0;border-top:1px solid var(--line-soft);display:grid;grid-template-columns:34px 1fr 32px;align-items:center;gap:9px}.avatar{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(105,210,255,.24);border-radius:50%;background:#12a8e91f;color:#bce8fb;font-size:.7rem;font-weight:800}.sidebar-footer strong{display:block;font-size:.74rem}.sidebar-footer span{color:var(--muted);font-size:.65rem}.workspace{min-width:0;padding:26px 30px 34px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.eyebrow{margin:0 0 6px;color:#78a8c8;font-size:.62rem;font-weight:700;line-height:1.2;letter-spacing:.13em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.55rem,2.4vw,2.05rem);font-weight:800;line-height:1.15;letter-spacing:-.025em}h2{margin-bottom:0;font-size:1rem}h3{margin-bottom:12px;color:#cbe2f2;font-size:.72rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.topbar-actions{display:flex;align-items:center;gap:10px}.connection{min-height:40px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;color:var(--muted);border:1px solid var(--line);border-radius:8px;background:#051328b3;font-size:.7rem;font-weight:600}.connection.online{color:#acf1d2}.connection.online svg{color:var(--green)}.primary,.secondary,.small-button,.icon-button{border:0;border-radius:8px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.primary{min-height:42px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#16afea,#0797d7);color:#fff;font-weight:800;box-shadow:0 8px 24px #0897d738,inset 0 1px #ffffff2e}.primary:hover{background:linear-gradient(180deg,#25bdf3,#0aa0e2);transform:translateY(-1px);box-shadow:0 10px 28px #0897d74d}.primary:disabled,.small-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.secondary{min-height:40px;padding:0 14px;border:1px solid var(--line);background:#0d274cb3}.secondary:hover{border-color:#69d2ff75;background:#123e6fc7}.icon-only{width:40px;padding:0;display:grid;place-items:center}.icon-button{width:32px;height:32px;display:grid;place-items:center;background:transparent;color:var(--muted)}.icon-button:hover{background:#12a8e91f;color:#fff}.full{width:100%}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.metrics article{min-height:76px;padding:14px 16px;display:flex;align-items:center;gap:12px;border:1px solid var(--line-soft);border-radius:10px;background:linear-gradient(145deg,#0a2040f0,#06162ef0);box-shadow:inset 0 1px #ffffff06}.metric-icon{width:39px;height:39px;display:grid;place-items:center;border:1px solid rgba(18,168,233,.15);border-radius:8px;color:var(--cyan-light);background:#12a8e91a}.metric-icon.danger{color:#ff9aa3;border-color:#ff536126;background:#ff53611a}.metric-icon.success{color:var(--green);border-color:#42d99a26;background:#42d99a1a}.metrics strong{display:block;font-size:1.08rem;font-weight:800;line-height:1.1}.metrics span:last-child{color:var(--muted);font-size:.66rem;font-weight:600}.error-banner{margin-bottom:12px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,83,97,.35);border-radius:8px;background:#ff536114;color:#ffbac0;font-size:.76rem}.error-banner button{border:0;background:transparent;color:inherit;cursor:pointer}.control-grid{display:grid;grid-template-columns:minmax(270px,325px) minmax(580px,1fr);gap:14px;min-height:calc(100vh - 194px)}.panel{overflow:hidden;border:1px solid var(--line-soft);border-radius:11px;background:linear-gradient(155deg,#081d3afa,#05142afa);box-shadow:0 18px 48px #00000026,inset 0 1px #ffffff06}.panel-head{height:70px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line-soft)}.panel-head>span{min-width:28px;padding:4px 8px;border:1px solid rgba(105,210,255,.13);border-radius:14px;background:#12a8e91c;color:#c6eafa;text-align:center;font-size:.68rem;font-weight:700}.alarm-list{padding:10px;display:grid;gap:7px}.alarm-card{width:100%;min-height:84px;padding:12px 10px;display:grid;grid-template-columns:36px 1fr 18px;align-items:start;gap:10px;border:1px solid transparent;border-radius:8px;background:transparent;text-align:left;cursor:pointer}.alarm-card:hover{background:#0e30588c}.alarm-card.selected{border-color:#50b8ec42;background:linear-gradient(90deg,#0e497775,#0b2b4f80);box-shadow:inset 3px 0 var(--cyan)}.priority{width:36px;height:25px;display:inline-grid;place-items:center;border-radius:5px;font-size:.65rem;font-weight:800}.priority.p1{color:#ffabb2;background:#ff536124}.priority.p2{color:#ffd28d;background:#ffbd5b21}.priority.p3{color:#a8ddff;background:#12a8e921}.alarm-card-body strong{display:block;margin-bottom:5px;color:#f1f8fe;font-size:.76rem;line-height:1.3}.alarm-card-body>span{display:block;margin-bottom:7px;color:var(--muted);font-size:.68rem}.alarm-card-body small{display:flex;align-items:center;gap:5px;color:var(--muted-deep);font-size:.62rem}.chevron{align-self:center;color:#587894}.empty-state{padding:26px 14px;color:var(--muted);text-align:center;font-size:.75rem}.alarm-detail{display:flex;flex-direction:column}.detail-hero{min-height:100px;padding:20px 22px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid var(--line-soft)}.detail-title{display:flex;align-items:flex-start;gap:13px}.detail-title p{margin:0 0 4px;color:var(--muted);font-size:.64rem;font-weight:600}.detail-title h2{margin-bottom:7px;font-size:1.18rem;font-weight:800}.detail-title>div>span{display:flex;align-items:center;gap:6px;color:#9db5ca;font-size:.7rem}.status-pill{padding:7px 10px;border:1px solid var(--line-strong);border-radius:7px;color:#cee6f7;background:#123e6fa8;white-space:nowrap;font-size:.62rem;font-weight:700}.status-pill.status-created{color:#ffbcc2;border-color:#ff536147;background:#ff536117}.status-pill.status-en_route,.status-pill.status-accepted,.status-pill.status-dispatched{color:#b7e7ff;border-color:#12a8e94d;background:#12a8e91a}.status-pill.status-on_site,.status-pill.status-inspection{color:#ffd89c;border-color:#ffbd5b4d;background:#ffbd5b17}.timeline{min-height:80px;padding:14px 24px;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;border-bottom:1px solid var(--line-soft);background:#03102294}.timeline-step{display:flex;align-items:center;gap:8px;color:#627f9a}.timeline-step>svg{width:25px;height:25px;padding:6px;border:1px solid rgba(111,163,204,.3);border-radius:50%}.timeline-step span{display:grid;gap:2px;font-size:.64rem;font-weight:600;white-space:nowrap}.timeline-step small{color:#68849f;font-size:.59rem;font-weight:500}.timeline-step.done{color:var(--green)}.timeline-step.done small{color:#9ab1c4}.timeline-line{height:1px;margin:0 9px;background:#6fa3cc42}.timeline-line.done{background:var(--green)}.detail-columns{padding:18px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr);gap:14px;overflow-y:auto}.detail-columns>div{display:grid;align-content:start;gap:12px}.info-block{padding:15px 16px;border:1px solid var(--line-soft);border-radius:8px;background:#05152cd1}.info-block p{margin-bottom:0;color:#adc1d2;font-size:.72rem;line-height:1.55}.coordinates{margin-top:11px;display:flex;align-items:center;gap:6px;color:#7f9ab2;font-size:.64rem;font-weight:500}.checklist{margin:0;padding:0;display:grid;gap:8px;list-style:none}.checklist li{min-height:32px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;color:#bad0df;font-size:.69rem}.checklist li>span{width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(105,210,255,.12);border-radius:6px;background:#12a8e917;color:#a3d5ef;font-size:.61rem;font-weight:700}.checklist li b{color:#748fa8;font-size:.57rem;text-transform:uppercase}.block-head{display:flex;justify-content:space-between;align-items:baseline}.block-head span{color:var(--green);font-size:.61rem;font-weight:600}.unit-card{min-height:61px;margin-top:8px;padding:9px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;border:1px solid var(--line-soft);border-radius:8px;background:#0a2242bf}.unit-card.assigned{border-color:#42d99a52;background:#42d99a0e}.unit-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;color:#aee1fa;background:#12a8e91f}.unit-info strong,.unit-info span,.unit-info small{display:block}.unit-info strong{font-size:.7rem;font-weight:800}.unit-info span{margin:2px 0;color:#a2b9ca;font-size:.64rem}.unit-info small{color:#708ca5;font-size:.57rem}.small-button{min-height:30px;padding:0 10px;border:1px solid rgba(105,210,255,.3);background:#1256886b;font-size:.62rem;font-weight:700}.assigned-badge{display:flex;align-items:center;gap:4px;color:var(--green);font-size:.6rem;font-weight:700}.trace{border-left:3px solid var(--cyan)}.trace h3{color:#b9e6fb}.trace p{font-size:.67rem}.detail-actions{min-height:65px;margin-top:auto;padding:12px 20px;display:flex;justify-content:flex-end;align-items:center;gap:16px;border-top:1px solid var(--line-soft);background:#031022ab}.detail-actions>span{color:var(--muted);font-size:.68rem}.empty-detail{margin:auto;padding:48px;color:#6f8ca5;text-align:center}.empty-detail svg{color:#4b9ac5}.empty-detail h2{margin:16px 0 7px;color:#c8dfed}.empty-detail p{font-size:.74rem}.dialog-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#010711c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog{width:min(540px,100%);padding:22px;display:grid;gap:16px;border:1px solid var(--line-strong);border-radius:12px;background:linear-gradient(150deg,#0b2447,#06162e);box-shadow:0 28px 90px #0000008c,inset 0 1px #ffffff0a}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.dialog h2{font-size:1.25rem}label{display:grid;gap:7px;color:#b5cada;font-size:.69rem;font-weight:700}input,select,textarea{width:100%;border:1px solid rgba(125,174,212,.3);border-radius:8px;background:#030d1cd9;color:var(--text)}input,select{height:42px;padding:0 11px}textarea{padding:10px 11px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 126px;gap:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:4px}.form-error{margin:0;color:#ffabb3;font-size:.7rem;font-weight:600}@keyframes progress{0%{left:-48%}60%,to{left:100%}}@keyframes blink{0%,20%{opacity:.2}45%,to{opacity:1}}@media(max-width:1120px){.app-shell{grid-template-columns:82px minmax(0,1fr)}.sidebar{padding-inline:10px}.brand{padding-inline:7px;justify-items:center}.brand .heros-logo{width:56px;height:56px;object-fit:cover;object-position:left}.brand>span,.nav-item span,.nav-item b,.sidebar-footer>div:not(.avatar),.sidebar-footer .icon-button{display:none}.nav-item{justify-content:center;padding:0}.sidebar-footer{display:flex;justify-content:center}.control-grid{grid-template-columns:270px minmax(560px,1fr)}.workspace{padding-inline:20px;overflow-x:auto}}@media(max-width:820px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:10px 14px;flex-direction:row;align-items:center}.brand{padding:0 13px 0 0;border:0;border-right:1px solid var(--line-soft)}.brand .heros-logo{width:52px;height:42px}nav{margin:0 0 0 12px;display:flex}.nav-item{width:42px;min-height:38px}.sidebar-footer{margin:0 0 0 auto;padding:0;border:0}.workspace{padding:18px 14px 26px;overflow:visible}.topbar{align-items:flex-start}.connection,.topbar .secondary{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.control-grid{min-height:0;grid-template-columns:1fr}.alarm-queue{max-height:330px}.detail-columns{grid-template-columns:1fr}.timeline{overflow-x:auto}}@media(max-width:620px){.heros-ambient:before{width:50vw;opacity:.28}.heros-ambient:after{right:-67vw;opacity:.34}.splash-shell,.login-shell{padding:18px}.splash-card{padding:29px 21px 25px;border-radius:18px}.splash-logo{width:min(240px,80%)}.portal-title{font-size:13px;letter-spacing:.1em}}@media(max-width:520px){.topbar{display:grid}.topbar-actions,.topbar-actions .primary{width:100%}.metrics{grid-template-columns:1fr 1fr}.metrics article{padding:10px}.metric-icon{display:none}.detail-hero{display:grid}.status-pill{justify-self:start}.detail-columns{padding:12px}.form-row{grid-template-columns:1fr}.login-logo{width:min(255px,78%)}.login-card{padding:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}