.layout{flex:1;margin-left:60px;transition:margin-left .3s ease}.layout .panel{padding:.5em;margin:var(--layout-spacing);border-radius:10px;background-color:var(--panel)}.sidebar.closed~.layout{margin-left:0}.animate-entrance{animation-duration:.5s;animation-name:fadeIn;animation-delay:.1s;animation-fill-mode:backwards}.text{fill:var(--text)!important}.pointer{width:10px;height:10px;border-radius:100%;background-color:var(--AES-Grag-33)}.pointer.blue{background-color:var(--AES-Grag-0)}.pointer.green{background-color:var(--AES-Grag-100)}.pointer.cyan{background-color:var(--AES-Grag-67)}*{margin:0;padding:0;box-sizing:border-box}.navbar{width:100%;background:var(--panel);padding:var(--layout-spacing);padding-top:.5em;padding-bottom:.5em;position:sticky;top:0;height:65px;box-shadow:#00000029 0 1px 4px;z-index:100;display:flex;justify-content:space-between;align-items:center}.navbar-container{display:flex;justify-content:space-between}.navbar-logo{display:flex;flex-direction:row;align-items:center;gap:10px;cursor:pointer;justify-content:flex-start;color:var(--text);font-size:1.2rem;font-weight:300;letter-spacing:1px}.navbar-logo img{width:60px;object-fit:contain}.navbar-logo strong{font-size:1.5rem}.navbar-menu{display:flex;list-style:none;gap:1.5rem;align-items:center}.navbar-menu li a{color:#e5e7eb;text-decoration:none;font-size:.95rem;transition:color .3s ease}.navbar-menu li a:hover{color:#38bdf8}.btn-primary{padding:.4rem 1.5rem;border-radius:999px;background:var(--primary);font-weight:600;transition:background .3s ease;display:flex;align-items:center;gap:10px;justify-content:center;color:#fff!important}.btn-primary.error{background:var(--error)}.btn-primary.error .pointer{animation:none}.btn-primary .pointer{width:10px;height:10px;border-radius:100%;background-color:#fff;animation:flicker .8s infinite steps(5,start)}.navbar-toggle{display:none;flex-direction:column;cursor:pointer}.navbar-toggle span{width:25px;height:3px;background:#fff;margin:4px 0;transition:all .3s ease}@media(max-width:768px){.navbar-toggle{display:flex}.navbar-menu{position:absolute;top:64px;right:0;background:#020617;width:100%;flex-direction:column;gap:1.2rem;padding:1.5rem 0;display:none}.navbar-menu.active{display:flex}}.action-menu{width:700px;margin:0;position:relative;top:-8px}.action-menu .menu-header{padding:.5em 1em;margin:0;background-color:var(--bg);display:flex;align-items:center;justify-content:end;color:var(--Gray-05)}.action-menu .menu-header.align-left{justify-content:flex-start}.action-menu .menu-header.align-left span{font-weight:600}.action-menu .menu-header.align-left .mark-all-readed{justify-self:end;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:5px;margin-left:auto;color:var(--AES-Grag-100)}.action-menu .menu-header.align-left .mark-all-readed:hover{opacity:.8}.action-menu .menu-header .log-out-link{cursor:pointer}.action-menu .menu-header .log-out-link:hover{opacity:.8}.action-menu .menu-body{display:flex;flex-direction:row;align-items:center;justify-content:baseline;padding:1em;gap:10px}.action-menu .menu-body .avatar{flex:30%;display:flex;justify-content:center;align-items:center}.action-menu .menu-body .avatar .image{width:120px;height:120px;border-radius:100%;object-fit:cover;outline:4px solid var(--Gray-04)}.action-menu .menu-body .information{flex:70%;display:flex;flex-direction:column;gap:5px}.action-menu .menu-body .information span{font-size:1rem;color:var(--Gray-05)}.action-menu .menu-body .information strong{font-weight:300;font-size:1.1rem}.action-menu .menu-body .information .theme-selector{border:1px solid var(--text);border-radius:30px}.action-menu .menu-body .information .theme-selector .text-theme-toggle{color:var(--text)!important}@keyframes flicker{0%,to{opacity:1}50%{opacity:0}}.last-updated{display:flex;align-items:center;justify-content:baseline;cursor:pointer;gap:20px;font-weight:100}.last-updated .detail{display:flex;align-items:center;justify-content:baseline;flex-direction:row;gap:5px}.last-updated .detail .icon-info{color:var(--Gray-05)}.last-updated .detail .summary{display:flex;flex-direction:column;align-items:baseline;justify-content:baseline;font-size:.9rem}.last-updated .detail .summary .total{display:flex;flex-direction:row;gap:5px;width:-webkit-fill-available;color:var(--Gray-05);font-weight:100;justify-content:space-between}.last-updated .detail .summary .total strong{margin-left:auto;font-weight:600}.last-updated .detail .summary .difference{display:flex;justify-content:space-between;align-items:center;gap:5px}.last-updated .detail .summary .difference .item{color:var(--Gray-04);display:flex;gap:2px;align-items:center;justify-content:baseline;font-weight:300}.last-updated .detail .summary .difference .item.invalids{color:var(--error)}.last-updated .detail .summary .difference .item.valids{color:var(--AES-Grag-100)}.profile-header{padding:0 20px;display:flex;flex-direction:row;gap:12px;align-items:center}.profile-header .btn-profile-option{color:var(--text)}.profile-header .btn-profile-option:hover{cursor:pointer!important;color:var(--tertiary)}.profile-header .avatar{background:#3f51b5;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;object-fit:cover;font-weight:700;font-size:20px}.profile-header .info{font-size:16px;font-weight:600;display:flex;flex-direction:column;gap:5px;text-align:center}.profile-header .info .name{font-size:16px}.profile-header .info .role{font-weight:100;font-size:14px}.scada-status{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);width:100%;gap:5px}.scada-status li{display:flex;flex-direction:column;gap:2px}.scada-status li label{font-size:.9rem}.scada-status li span{display:flex;font-weight:600;font-size:1rem;gap:8px;align-items:center;justify-content:baseline}.scada-status li span.error{color:var(--error)!important}.scada-status li span.error .pointer{animation:none!important;background-color:var(--error)}.scada-status li span .pointer{animation:flicker .8s infinite steps(5,start)}.scada-status li span.blue{color:var(--AES-Grag-0)}.scada-status li span.cyan{color:var(--AES-Grag-67)}.notifications-list{display:flex;flex-direction:column}.notifications-list li{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;padding:1em 0;border-bottom:1px solid rgb(0,0,0,.1)}.notifications-list li .icon{padding:1em 2em;display:flex;justify-content:center;align-items:center;flex:20%}.notifications-list li .info{flex:80%;display:flex;flex-direction:column;padding-left:1em;gap:5px;font-size:.9rem}.notifications-list li .info .header{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.notifications-list li .info .header .title{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:1.1rem;font-weight:600;opacity:.9}.notifications-list li .info .header .title .pointer{width:10px;height:10px;border-radius:100%}.notifications-list li .info .header .title .pointer.NEW{background-color:var(--AES-Grag-0)}.notifications-list li .info .header .title .pointer.READED{background-color:var(--AES-Grag-33)}.notifications-list li .info .link{display:flex;justify-content:end;font-weight:600;cursor:pointer}.notifications-list li .info .link:hover{color:var(--AES-Grag-33)}.accordion-item{overflow:hidden;display:flex;flex-direction:column}.accordion-item .accordion-action{flex:1;list-style:none;gap:15px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;border:2px solid transparent;cursor:pointer;padding:.5em;border-radius:5px;transition:background .3s ease,border .3s ease-in-out}.accordion-item .accordion-action:hover{color:var(--tertiary);background:#fff}.accordion-item .accordion-action.active{border:2px solid white}.accordion-item .accordion-content{position:relative;max-height:0;overflow:hidden;transition:max-height .35s ease-in-out,padding .35s ease-in-out;margin:0 0 1em}.accordion-item .accordion-content .tooltip .menu-item{position:relative;z-index:1}.accordion-item .accordion-content .tooltip .menu-item.active{border-radius:100%}.accordion-item .accordion-content .line{position:relative;width:1px;background:#fff;height:30px;margin-left:50%}.accordion-item .accordion-content .line:after{content:"";position:absolute;left:50%;transform:translate(-50%) rotate(45deg);width:8px;height:8px;background:#fff}.accordion-item .accordion-content .line.medium{height:20px}.accordion-item .accordion-content .line.medium:after{display:none}.accordion-item .accordion-content .line.bottom:after{bottom:-4px}.accordion-item .accordion-content .line.top:after{top:-6px}.accordion-item.opened .accordion-content{max-height:200px}.sidebar{position:fixed;top:0;left:0;height:100vh;min-width:60px;background:var(--AES-Grag-v);color:#fff;display:flex;flex-direction:column;transition:transform .3s ease}.sidebar.closed{transform:translate(-100%)}.sidebar-menu{flex:1;list-style:none;padding:4.5em .5em 1em;gap:15px;display:flex;flex-direction:column}.sidebar-menu li{cursor:pointer}.sidebar-menu li .menu-item{height:100%;display:flex;align-items:center;justify-content:center;gap:5px;color:#fff;text-decoration:none;border-radius:5px;transition:transform .2s ease-in-out,background-color .2s ease-in-out,color .2s ease-in-out;padding:.5em}.sidebar-menu li .menu-item:hover{color:var(--tertiary);background:#fff}.sidebar-menu li .menu-item.active{color:var(--primary);font-weight:600;background-color:#fff;position:relative}.sidebar-menu li .menu-item.active:hover{color:#fff;background:transparent}.sidebar-menu li .menu-item.active:after{content:"";border-radius:100%;height:10px;width:10px;position:absolute;right:1px}.sidebar-footer{padding:15px;text-align:center;font-size:12px}.content{display:flex;flex-direction:row;align-items:center;padding:var(--layout-spacing);gap:30px;background-color:var(--panel)}.content .content-header{display:flex;flex-direction:row;align-items:center;gap:5px}.content .content-header button{outline:none;border:none;cursor:pointer;transition:color .2s}.content .content-header button:hover{color:var(--sub-text-color)}.content .content-header button span{font-size:1.6rem}.content .content-header .title{display:flex;flex-direction:column}.content .content-header .title h1{margin:0;width:max-content;color:var(--primary-color);font-size:24px}.content .content-header .title p{margin:0;width:max-content;font-size:16px;color:var(--text-color)}.content .content-header .information{display:flex;flex-direction:row;align-items:center;gap:5px}.content .content-header .information .title-icon{display:flex;padding:.3em;border:4px solid transparent;border-radius:100%;background:linear-gradient(var(--panel),var(--panel)) padding-box,var(--AES-Grag-h) border-box;background-clip:padding-box,border-box;color:var(--Gray-05)}.content .content-header .information h1{margin:0;padding:0;background-image:linear-gradient(to right,#6a11cb,#2575fc);-webkit-background-clip:text;background-clip:text;color:transparent}.content .user-section{display:flex;justify-content:end;align-items:center;gap:10px}.breadcrumb-content{font-family:var(--font-family)!important}.breadcrumb-content .home{color:var(--Gray-04);text-decoration:none;transition:.1s color ease-in-out}.breadcrumb-content .home:hover{color:var(--secondary)}.breadcrumb-content .last{color:var(--text)}.breadcrumb-content a{cursor:pointer}.breadcrumb-content a.item{color:var(--Gray-05);text-decoration:none;transition:.1s color ease-in-out}.breadcrumb-content a.item:hover{color:var(--secondary)}.container-layout{min-height:700px;background:var(--panel);display:flex;align-items:center;justify-content:center;color:#fff}.container{width:100%;padding:1rem}.card{max-width:420px;margin:0 auto;background:var(--panel);border-radius:12px;padding:2rem;text-align:center}.icon{font-size:3.5rem;margin-bottom:.1rem}h1{font-size:1.6rem;margin:0;padding:0;color:var(--text);margin-bottom:1rem}p{font-size:.95rem;color:var(--text);line-height:1.5;margin-bottom:1em}.actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{text-decoration:none;padding:.6rem 1.2rem;border-radius:8px;font-size:.9rem;transition:all .25s ease}.btn.primary{background-color:var(--secondary);color:#fff}.btn.primary:hover{opacity:.9}.hero{height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;background:var(--panel)}.hero__overlay{width:100%;max-width:1200px;padding:0 20px;text-align:center}.hero__content{color:var(--text)}.hero__title{font-size:48px;margin-bottom:20px;font-weight:600}.hero__subtitle{font-size:18px;color:#cbd5f5;margin-bottom:40px}.hero__actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn{padding:12px 28px;border-radius:30px;font-size:16px;cursor:pointer;transition:all .3s ease}.btn--primary{background:#6366f1;color:#fff;border:none}.btn--primary:hover{background:#4f46e5}.btn--secondary{background:transparent;color:#fff;border:1px solid #6366f1}.btn--secondary:hover{background:#6366f1}.skeletons-container{display:flex;gap:5px;width:100%}.skeletons-container.row{flex-direction:row}.skeletons-container.column{flex-direction:column}.name-column-company{font-weight:600}.status-company{color:var(--AES-Grag-100)}.container-events{display:flex;flex-direction:row;flex-wrap:wrap;gap:7rem}.container-events .panel-events{display:flex;flex-direction:column;gap:10px;flex:46}.container-events .panel-events.main{flex:60}.container-events .panel-events.secondary{flex:40}.container-events .panel-events label{font-size:.9rem;margin-top:.5em}.top-five-list{display:flex;flex-wrap:wrap;gap:15px;margin-top:1em;list-style:none;cursor:pointer;justify-content:space-between}.top-five-list li{padding:.7em;min-width:150px;flex:33;border:1px solid var(--Gray-05);border-radius:5px;display:flex;color:var(--text);gap:5px;flex-direction:column}.top-five-list li.timeline-event{flex:1}.top-five-list li.timeline-event.hour-ago.one{background-color:#ffb3c1;border-color:transparent}.top-five-list li.timeline-event.hour-ago.one h1{color:#801b1b}.top-five-list li.timeline-event.hour-ago.one i{color:#690000}.top-five-list li.timeline-event.hour-ago.one:hover label{color:#000}.top-five-list li.timeline-event.hour-ago.two{background-color:#ff8fa3;border-color:transparent}.top-five-list li.timeline-event.hour-ago.two h1,.top-five-list li.timeline-event.hour-ago.two i{color:#801b1b}.top-five-list li.timeline-event.hour-ago.two:hover label{color:#000}.top-five-list li.timeline-event.hour-ago.three{background-color:#ff4d6d;border-color:transparent}.top-five-list li.timeline-event.hour-ago.three label,.top-five-list li.timeline-event.hour-ago.three h1,.top-five-list li.timeline-event.hour-ago.three i{color:#fff}.top-five-list li.timeline-event.hour-ago.four{background-color:#c9184a;border-color:transparent}.top-five-list li.timeline-event.hour-ago.four label,.top-five-list li.timeline-event.hour-ago.four h1,.top-five-list li.timeline-event.hour-ago.four i{color:#fff}.top-five-list li label{font-size:.9em;font-weight:600}.top-five-list li h1{font-size:1.2em;font-weight:600;padding:0;margin:0;color:var(--error)}.top-five-list li i{font-size:.7em;color:var(--Gray-05)}.top-five-list li:hover{border-color:var(--secondary)}.top-five-list li:hover label{color:var(--secondary)}.header-event-timeline{display:flex;align-items:center;background:var(--Gray-03);color:var(--text);font-weight:600;padding:.5em 1em;gap:10px;border-bottom:1px solid var(--Gray-04)}.event-items{display:flex;gap:5px;font-weight:100;font-size:.9rem;padding:.5em 1em}.event-items .number{font-weight:600;font-size:1.1rem}.event-items .number.error{color:var(--error)}.incidents-event-comparation{display:flex;flex-direction:column;gap:10px;list-style:none}.incidents-event-comparation li{display:flex;flex-direction:row;gap:5px;align-items:center;justify-content:baseline}.incidents-event-comparation li label{margin-top:0!important;margin:0;font-size:.9rem!important;flex:10%}.incidents-event-comparation li .bar-container{display:flex;align-items:center;justify-content:baseline;height:15px;flex:90%}.incidents-event-comparation li .bar-container .bar{height:100%;border-radius:30px}.incidents-event-comparation li .bar-container .bar.valids{width:90%;background:linear-gradient(to right,#6a11cb,#2575fc)}.incidents-event-comparation li .bar-container .bar.errors{width:10%;background-color:var(--error)}.total-comparation{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1.2em 0 0;border-top:1px solid rgb(0,0,0,.3);font-size:1rem}.incidents-dashboard-difference{display:flex;flex-direction:row;flex-wrap:wrap;gap:50px;align-items:baseline}.incidents-dashboard-difference .difference-item{display:flex;flex-direction:column;font-size:.9rem;justify-content:flex-start;align-items:baseline;padding:0 0 0 1em;border-left:3px solid var(--AES-Grag-0);max-height:100px}.incidents-dashboard-difference .difference-item.total{border-color:var(--AES-Grag-33)}.incidents-dashboard-difference .difference-item.total div{color:var(--AES-Grag-33)}.incidents-dashboard-difference .difference-item.invalid{border-color:var(--error)}.incidents-dashboard-difference .difference-item.invalid div{color:var(--error)}.incidents-dashboard-difference .difference-item label{font-weight:600}.incidents-dashboard-difference .difference-item div{font-size:1.4rem;font-weight:600;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.incidents-dashboard-difference .difference-item div .references-values{display:flex;flex-direction:column;margin-left:2em}.incidents-dashboard-difference .difference-item div .references-values .secondary{display:flex;flex-direction:row;gap:5px;justify-content:flex-start;text-align:left;align-items:flex-starts;font-size:.7rem;font-weight:100;color:var(--Gray-05)}.incidents-dashboard-difference .difference-item div .references-values .secondary i{font-style:normal;font-weight:600}.incidents-dashboard-difference .difference-item .difference-update-at{font-size:.7rem;color:var(--Gray-05);text-align:end;align-self:flex-end}.container-config{display:flex;flex-direction:row;justify-content:center;align-items:center;list-style:none;height:600px;flex-wrap:wrap;gap:3em}.container-config .config-item{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box}.container-config .config-item:hover .icon{border:2px solid;background:var(--panel)!important;color:var(--text)}.container-config .config-item .icon{display:flex;transition:background .2s ease-in-out,border .2s ease-in-out;flex-direction:column;align-items:center;justify-content:center;color:var(--panel);border:2px solid transparent;border-radius:6px;padding:1em;font-size:2rem}.container-config .config-item label{font-weight:600;font-size:1.1rem}:root{--bg: #f5f5f5;--panel: white;--primary: #214ade;--secondary: #8c5cf2;--tertiary: #00a2c7;--quaternary: #16a837;--error: #F14343;--AES-Grag-0: #3250FC;--AES-Grag-33: #9E70FF;--AES-Grag-67: #2ACEEB;--AES-Grag-100: #2CBF38;--Gray-01: #F5F5F5;--Gray-03: #E5E5E5;--Gray-04: #BFBFBF;--Gray-05: rgb(75, 75, 75);--text: #000000;--AES-Grag-h: linear-gradient(90deg, rgba(50, 80, 252, 1) 0%, rgba(158, 112, 255, 1) 33%, rgba(42, 206, 235, 1) 67%, rgba(44, 191, 56, 1) 100%);--AES-Grag-v: linear-gradient(180deg, rgba(50, 80, 252, 1) 0%, rgba(158, 112, 255, 1) 33%, rgba(42, 206, 235, 1) 67%, rgba(44, 191, 56, 1) 100%);--layout-spacing: .5em 1em;--font-family: "Schibsted Grotesk"}[data-theme=dark]{--bg: #2d2c2f;--text: #ffffff;--Gray-01: #dfdfdf;--Gray-03: #c6c6c6;--Gray-04: #888888;--Gray-05: rgb(218, 218, 218);--panel: #242424}body{background:var(--bg)!important;color:var(--text)!important;font-family:var(--font-family)!important;font-optical-sizing:auto;font-weight:300;font-style:normal;font-variation-settings:"GRAD" 0;display:flex;flex-direction:row;justify-content:center;align-items:center}#root{width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-loading{display:flex;width:100%;height:100vh;justify-content:center;align-items:center;@keyframes bars-7s9ul0md{20%{background-size:10.1px 20%,10.1px 50%,10.1px 50%}40%{background-size:10.1px 100%,10.1px 20%,10.1px 50%}60%{background-size:10.1px 50%,10.1px 100%,10.1px 20%}80%{background-size:10.1px 50%,10.1px 50%,10.1px 100%}}}.auth-loading .bars{width:50.4px;height:67.2px;--c: linear-gradient(var(--AES-Grag-33) 0 0);background:var(--c) 0% 50%,var(--c) 50% 50%,var(--c) 100% 50%;background-size:10.1px 50%;background-repeat:no-repeat;animation:bars-7s9ul0md 1s infinite linear alternate}