@import url(https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700&family=Barlow+Condensed:wght@500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0!important;padding:0!important}:root{--blue:#0053ae;--blue-dark:#003d82;--blue-light:#e6eef9;--green:#8ec158;--green-dark:#6ea33d;--green-light:#eef7e5;--white:#fff;--off-white:#fdfdfd;--black:#111;--gray-50:#f4f6fa;--gray-100:#eaecf0;--gray-200:#d4d8e0;--gray-400:#9299a6;--gray-600:#5a6270;--gray-800:#2c3040;--color-error:#c0392b;--color-success:#27ae60;--color-bg:#eef1f6;--font-body:"Barlow",sans-serif;--font-display:"Barlow Condensed",sans-serif;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--card-accent-width:4px;--shadow-sm:0 1px 4px #00000014;--shadow-md:0 4px 14px #0000001a;--shadow-lg:0 8px 28px #00000024;--shadow-blue:0 4px 14px #0053ae33;--shadow-green:0 4px 14px #8ec15838;--transition:0.18s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eef1f6;background-color:var(--color-bg);font-family:Barlow,sans-serif;font-family:var(--font-body);font-size:16px;font-weight:400;height:100%;line-height:1.5}body,h1,h2,h3,h4,h5,h6,html{color:#111;color:var(--black)}h1,h2,h3,h4,h5,h6{font-family:Barlow Condensed,sans-serif;font-family:var(--font-display);font-weight:600;letter-spacing:.01em;line-height:1.2;margin-bottom:.4em}h1{font-size:1.6rem}h2{font-size:1.3rem}h3{font-size:1.1rem}p{color:#2c3040;color:var(--gray-800);line-height:1.6;margin-bottom:.85em}ul{list-style:none}a{color:inherit;text-decoration:none}.home-container{display:flex;justify-content:center;min-height:calc(100vh - 56px);overflow-y:auto;padding:2em}.content-container{width:100%}.card,.content-container{background-color:#fff;background-color:var(--white);border:1px solid #eaecf0;border-radius:10px;border-radius:var(--radius-lg);border-top:4px solid #0053ae;border:1px solid var(--gray-100);border-top:var(--card-accent-width) solid var(--blue);box-shadow:0 4px 14px #0000001a;box-shadow:var(--shadow-md);padding:1.25em}.card-green{border-top-color:#8ec158;border-top-color:var(--green)}.card-neutral{border-top-color:#d4d8e0;border-top-color:var(--gray-200)}.card-flush{overflow:hidden;padding:0}.card-interactive{cursor:pointer;transition:box-shadow .18s ease,transform .18s ease;transition:box-shadow var(--transition),transform var(--transition)}.card-interactive:hover{box-shadow:0 8px 28px #00000024;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{align-items:center;border-bottom:1px solid #eaecf0;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;margin-bottom:1em;padding-bottom:.75em}.card-header h2,.card-header h3{color:#0053ae;color:var(--blue);font-family:Barlow Condensed,sans-serif;font-family:var(--font-display);letter-spacing:.04em;margin:0;text-transform:uppercase}.header{background-color:#0053ae;background-color:var(--blue);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 4px 14px #0053ae33;box-shadow:var(--shadow-blue);color:#fff;color:var(--white);gap:1em;justify-content:space-between;margin-bottom:1.25em;padding:.75em 1em}.header,.header-title{align-items:center;display:flex}.header-title{gap:.75em}.header-title h1{color:#fff;color:var(--white);font-size:1.15rem;font-weight:600;letter-spacing:.03em;margin:0;text-transform:uppercase}.header-buttons{align-items:center;display:flex;flex-shrink:0;gap:.6em}.btn{align-items:center;border:2px solid #0000;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Barlow,sans-serif;font-family:var(--font-body);font-size:.9rem;font-weight:600;gap:.4em;justify-content:center;letter-spacing:.04em;padding:.55em 1.4em;text-transform:uppercase;transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;transition:background-color var(--transition),color var(--transition),border-color var(--transition),box-shadow var(--transition);white-space:nowrap}.btn:focus-visible{outline:2px dashed #0053ae;outline:2px dashed var(--blue);outline-offset:3px}.btn,.btn-primary{background-color:#0053ae;background-color:var(--blue);border-color:#0053ae;border-color:var(--blue);color:#fff;color:var(--white)}.btn-primary:hover,.btn:hover{background-color:#003d82;background-color:var(--blue-dark);border-color:#003d82;border-color:var(--blue-dark);box-shadow:0 4px 14px #0053ae33;box-shadow:var(--shadow-blue)}.btn-secondary{background-color:initial;border-color:#0053ae;border-color:var(--blue);color:#0053ae;color:var(--blue)}.btn-secondary:hover{background-color:#e6eef9;background-color:var(--blue-light);box-shadow:none}.btn-success{background-color:#8ec158;background-color:var(--green);border-color:#8ec158;border-color:var(--green);color:#fff;color:var(--white)}.btn-success:hover{background-color:#6ea33d;background-color:var(--green-dark);border-color:#6ea33d;border-color:var(--green-dark);box-shadow:0 4px 14px #8ec15838;box-shadow:var(--shadow-green)}.btn-danger{background-color:#c0392b;background-color:var(--color-error);border-color:#c0392b;border-color:var(--color-error);color:#fff;color:var(--white)}.btn-danger:hover{background-color:#a93226;border-color:#a93226}.header .btn{background-color:initial;border-color:#fff;border-color:var(--white);color:#fff;color:var(--white);font-size:.82rem;padding:.45em 1.1em}.header .btn:hover{background-color:#fff;background-color:var(--white);box-shadow:none;color:#0053ae;color:var(--blue)}.swal2-container{z-index:3000!important}.swal2-popup{border:1px solid #d4d8e0!important;border-radius:6px!important;border-radius:var(--radius-md)!important;border-top:4px solid #0053ae!important;border:1px solid var(--gray-200)!important;border-top:var(--card-accent-width) solid var(--blue)!important;box-shadow:0 8px 28px #00000024!important;box-shadow:var(--shadow-lg)!important;font-family:Barlow,sans-serif!important;font-family:var(--font-body)!important}.swal2-title{color:#111!important;color:var(--black)!important;font-family:Barlow Condensed,sans-serif!important;font-family:var(--font-display)!important}.swal2-confirm{background-color:#0053ae!important;background-color:var(--blue)!important;border:2px solid #0053ae!important;border:2px solid var(--blue)!important;border-radius:4px!important;border-radius:var(--radius-sm)!important;box-shadow:none!important;color:#fff!important;color:var(--white)!important;font-family:Barlow,sans-serif!important;font-family:var(--font-body)!important;font-weight:600!important;letter-spacing:.04em!important;padding:.55em 1.4em!important;text-transform:uppercase!important}.swal2-confirm:hover{background-color:#003d82!important;background-color:var(--blue-dark)!important;border-color:#003d82!important;border-color:var(--blue-dark)!important}.swal2-cancel{background-color:initial!important;border:2px solid #0053ae!important;border:2px solid var(--blue)!important;border-radius:4px!important;border-radius:var(--radius-sm)!important;box-shadow:none!important;color:#0053ae!important;color:var(--blue)!important;font-family:Barlow,sans-serif!important;font-family:var(--font-body)!important;font-weight:600!important;letter-spacing:.04em!important;padding:.55em 1.4em!important;text-transform:uppercase!important}.swal2-cancel:hover{background-color:#e6eef9!important;background-color:var(--blue-light)!important}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.modal-content{background:#fff;background:var(--white);border:1px solid #eaecf0;border-radius:10px;border-radius:var(--radius-lg);border-top:4px solid #0053ae;border:1px solid var(--gray-100);border-top:var(--card-accent-width) solid var(--blue);box-shadow:0 8px 28px #00000024;box-shadow:var(--shadow-lg);max-height:90vh;max-width:95vw;outline:none;overflow-y:auto;padding:2em;width:580px}.modal-header h2{color:#0053ae;color:var(--blue);font-family:Barlow Condensed,sans-serif;font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:.04em;margin-bottom:.5em;text-transform:uppercase}.modal-header hr{border:none;border-top:1px solid #eaecf0;border-top:1px solid var(--gray-100);margin-bottom:1.25em}.modal-body{margin-bottom:.5em}.modal-actions{display:flex;gap:.75em;justify-content:center;margin-top:1.25em}.modal-actions .btn{flex:1 1;min-width:0}.form-row{display:flex;flex-wrap:wrap;gap:1em;margin-bottom:1em}.form-row .form-group{flex-basis:calc(50% - 0.5em);flex-grow:1;flex-shrink:1;min-width:160px}.form-group{display:flex;flex-direction:column;gap:.3em}.form-group label{color:#5a6270;color:var(--gray-600);font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea,.modal-input,.modal-select{appearance:none;-webkit-appearance:none;background-color:#f4f6fa;background-color:var(--gray-50);border:1.5px solid #d4d8e0;border:1.5px solid var(--gray-200);border-radius:4px;border-radius:var(--radius-sm);color:#111;color:var(--black);font-family:Barlow,sans-serif;font-family:var(--font-body);font-size:.95rem;padding:.55em .75em;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.modal-input:focus,.modal-select:focus{background-color:#fff;background-color:var(--white);border-color:#0053ae;border-color:var(--blue);box-shadow:0 0 0 3px #0053ae1f;outline:none}.form-group input::placeholder{color:#9299a6;color:var(--gray-400)}.form-group input[readonly]{background-color:#eaecf0;background-color:var(--gray-100);border-color:#eaecf0;border-color:var(--gray-100);color:#5a6270;color:var(--gray-600);cursor:not-allowed}.form-group textarea{min-height:80px;resize:vertical}.form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%239299a6' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right .75em center;background-repeat:no-repeat;padding-right:2.2em}.rdt_TableHead .rdt_TableHeadRow{background-color:#0053ae!important;background-color:var(--blue)!important;border-radius:4px 4px 0 0!important;border-radius:var(--radius-sm) var(--radius-sm) 0 0!important;min-height:44px!important}.rdt_TableHead .rdt_TableHeadRow .rdt_TableCol,.rdt_TableHead .rdt_TableHeadRow .rdt_TableCol_Sortable{color:#fff!important;color:var(--white)!important;font-family:Barlow Condensed,sans-serif!important;font-family:var(--font-display)!important;font-size:.78rem!important;font-weight:600!important;justify-content:center!important;letter-spacing:.07em!important;text-transform:uppercase!important}.rdt_TableCol_Sortable svg{fill:#ffffffb3!important}.rdt_TableBody .rdt_TableRow{border-bottom:1px solid #eaecf0!important;border-bottom:1px solid var(--gray-100)!important;cursor:pointer;transition:background-color .18s ease!important;transition:background-color var(--transition)!important}.rdt_TableBody .rdt_TableRow:hover{background-color:#e6eef9!important;background-color:var(--blue-light)!important}.rdt_TableBody .rdt_TableRow:nth-child(2n){background-color:#f4f6fa!important;background-color:var(--gray-50)!important}.rdt_TableBody .rdt_TableRow:nth-child(2n):hover{background-color:#e6eef9!important;background-color:var(--blue-light)!important}.rdt_TableBody .rdt_TableRow .rdt_TableCell{color:#111!important;color:var(--black)!important;font-size:.92rem!important;font-weight:500!important;justify-content:center!important;padding:.65em 1em!important}.rdt_TableCell>*{margin-left:auto!important;margin-right:auto!important}.rdt_Pagination{border-top:1px solid #eaecf0!important;border-top:1px solid var(--gray-100)!important;color:#5a6270!important;color:var(--gray-600)!important;font-family:Barlow,sans-serif!important;font-family:var(--font-body)!important;font-size:.85rem!important}.rdt_Pagination button{color:#0053ae!important;color:var(--blue)!important}.rdt_Pagination button:disabled{color:#9299a6!important;color:var(--gray-400)!important}.search-input{background-color:#f4f6fa;background-color:var(--gray-50);border:1.5px solid #d4d8e0;border:1.5px solid var(--gray-200);border-radius:4px;border-radius:var(--radius-sm);color:#111;color:var(--black);display:block;font-family:Barlow,sans-serif;font-family:var(--font-body);font-size:.9rem;margin-bottom:.75em;max-width:320px;padding:.55em .85em;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition);width:100%}.search-input:focus{background-color:#fff;background-color:var(--white);border-color:#0053ae;border-color:var(--blue);box-shadow:0 0 0 3px #0053ae1f;outline:none}.search-input::placeholder{color:#9299a6;color:var(--gray-400)}.error-label{background-color:#fdf2f2;border-left:3px solid #c0392b;border-left:3px solid var(--color-error);border-radius:2px;border-radius:var(--radius-xs);color:#c0392b;color:var(--color-error);font-size:.85rem;margin-bottom:.75em;padding:.5em .75em}.error-label,.process-message{font-weight:600;text-align:center}.process-message{border-radius:4px;border-radius:var(--radius-sm);font-size:.88rem;margin-top:.75em;padding:.75em 1em}.process-message.success{background-color:#eef7e5;background-color:var(--green-light);border-left:3px solid #27ae60;border-left:3px solid var(--color-success);color:#27ae60;color:var(--color-success)}.process-message.error{background-color:#fdf2f2;border-left:3px solid #c0392b;border-left:3px solid var(--color-error);color:#c0392b;color:var(--color-error)}.badge{border-radius:2px;border-radius:var(--radius-xs);display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.05em;padding:.2em .65em;text-transform:uppercase}.badge-active{background-color:#eef7e5;background-color:var(--green-light);color:#6ea33d;color:var(--green-dark)}.badge-inactive{background-color:#eaecf0;background-color:var(--gray-100);color:#5a6270;color:var(--gray-600)}.badge-blue{background-color:#e6eef9;background-color:var(--blue-light);color:#0053ae;color:var(--blue)}:focus-visible{outline:2px dashed #0053ae;outline:2px dashed var(--blue);outline-offset:3px}@media (min-width:1400px){.home-container{padding:2.5em}.modal-content{width:680px}}@media (min-width:1200px) and (max-width:1399px){.home-container{padding:2em}.modal-content{width:620px}}@media (min-width:992px) and (max-width:1199px){.home-container{padding:1.75em}.modal-content{width:580px}}@media (min-width:768px) and (max-width:991px){.home-container{padding:1.25em}.header{flex-wrap:wrap;gap:.6em}.modal-content{padding:1.5em;width:95%}.form-row .form-group{flex-basis:calc(50% - 0.5em);flex-grow:1;flex-shrink:1}}@media (min-width:576px) and (max-width:767px){.content-container,.home-container{padding:1em}.header{align-items:stretch;flex-direction:column;gap:.6em}.header-buttons,.header-title{justify-content:space-between}.form-row .form-group{flex:1 1 100%}.modal-content{padding:1.25em;width:95%}.modal-actions{flex-wrap:wrap}.modal-actions .btn{flex:1 1 auto}.search-input{max-width:100%}}@media (max-width:575px){html{font-size:15px}.home-container{padding:.75em}.content-container{border-radius:6px;border-radius:var(--radius-md);padding:.85em}.header{align-items:stretch;flex-direction:column;gap:.5em;padding:.65em .85em}.header-title h1{font-size:1rem}.header-buttons{justify-content:flex-end}.form-row{gap:.75em}.form-row .form-group{flex:1 1 100%}.modal-content{border-radius:6px;border-radius:var(--radius-md);max-height:92vh;padding:1.1em;width:96%}.modal-actions{align-items:stretch;flex-direction:column}.modal-actions .btn{justify-content:center;width:100%}.search-input{max-width:100%}.rdt_TableBody .rdt_TableRow .rdt_TableCell{font-size:.82rem!important;padding:.5em .6em!important}.card{padding:1em}}@media (max-width:380px){html{font-size:14px}.home-container{padding:.6em}.content-container{padding:.7em}.modal-content{padding:.9em}.card{padding:.85em}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}body.login-page{background-attachment:fixed;background-image:url(/static/media/login-bg.144d9f94715a51993648.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.login-container{background-color:var(--white);border-radius:var(--radius-md);border-top:4px solid var(--blue);box-shadow:var(--shadow-lg);left:50%;max-width:92vw;padding:2.25em 2em 2em;position:relative;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:22em;z-index:1}.login-image-container{background-image:url(/static/media/logo.603aa438f4995d7eff4a.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:10em;margin-bottom:1.75em;width:100%}.login-container form{align-items:stretch;display:flex;flex-direction:column;width:100%}.input-group{margin-top:.85em;width:100%}.input-group input{background-color:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--black);font-family:var(--font-body);font-size:.92rem;font-weight:400;letter-spacing:.02em;padding:.65em 1em;text-align:center;transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition);width:100%}.input-group input::placeholder{color:var(--gray-400);font-weight:400}.input-group input:focus{background-color:var(--white);border-color:var(--blue);box-shadow:0 0 0 3px #0053ae1f;outline:none}.forgot-password{color:var(--gray-400);font-size:.75rem;font-weight:500;letter-spacing:.02em;margin:.85em 0 1.5em;text-align:center}.forgot-password span{color:var(--blue);cursor:pointer;text-decoration:underline;text-decoration-color:#0053ae4d;text-underline-offset:3px;transition:color var(--transition),text-decoration-color var(--transition)}.forgot-password span:hover{color:var(--blue-dark);text-decoration-color:var(--blue-dark)}.login-container .btn{background-color:var(--blue);border:2px solid var(--blue);border-radius:var(--radius-sm);color:var(--white);font-size:.88rem;font-weight:700;letter-spacing:.1em;padding:.65em 1em;text-transform:uppercase;transition:background-color var(--transition),border-color var(--transition),box-shadow var(--transition);width:100%}.login-container .btn:hover{background-color:var(--blue-dark);border-color:var(--blue-dark);box-shadow:var(--shadow-blue)}@media (min-width:768px) and (max-width:991px){.login-container{padding:2em 1.75em;width:24em}}@media (min-width:576px) and (max-width:767px){.login-container{max-width:22em;padding:1.75em 1.5em;width:90vw}.login-image-container{height:9em;margin-bottom:1.5em}}@media (max-width:575px){.login-container{max-width:22em;padding:1.5em 1.25em 1.75em;width:92vw}.login-image-container{height:8em;margin-bottom:1.25em}}@media (max-width:380px){.login-container{padding:1.25em 1em 1.5em;width:95vw}.login-image-container{height:7em;margin-bottom:1em}}.forgot-modal{max-width:420px}.forgot-modal .modal-body p{color:var(--gray-600);font-size:.92rem;margin-bottom:0}.topbar{background:#0053ae;background:var(--blue,#0053ae);box-shadow:0 2px 14px #0000004d;gap:0;height:78px;padding:0 1.5em;position:sticky;top:0;z-index:100}.tb-brand,.topbar{align-items:center;display:flex}.tb-brand{flex-shrink:0;gap:.7em;padding-right:.9em;-webkit-user-select:none;user-select:none}.tb-logo-img{display:block;height:46px;object-fit:contain;width:auto}.tb-name{color:#fff;font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:.01em;white-space:nowrap}.tb-vsep{background:#ffffff40;flex-shrink:0;height:34px;margin:0 1em;width:1px}.tb-ctx-scroll{align-items:center;display:flex;flex:1 1;height:100%;overflow-x:auto;overflow-y:visible;scrollbar-width:none}.tb-ctx-scroll::-webkit-scrollbar{display:none}.tb-ctx-group{display:flex;flex-direction:column;flex-shrink:0;height:100%;justify-content:center;padding:0 1.1em}.tb-ctx-label{color:#ffffffeb;font-size:.66rem;font-weight:700;letter-spacing:.1em;line-height:1;margin-bottom:.32em;text-transform:uppercase}.tb-ctx-content{align-items:center;display:flex}.tb-ctx-val{color:#fff;font-size:.92rem;font-weight:600;white-space:nowrap}.tb-ctx-empty{color:#ffffff73;font-size:.85rem;font-style:italic}.tb-ctx-divider{background:#fff3;flex-shrink:0;height:32px;width:1px}.tb-ctx-select{appearance:none;background-color:#ffffff1f;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8'%3E%3Cpath fill='rgba(255,255,255,0.75)' d='M5 8 0 0h10z'/%3E%3C/svg%3E");background-position:right .5em center;background-repeat:no-repeat;border:1px solid #ffffff47;border-radius:7px;color:#fff;cursor:pointer;font-family:var(--font-body);font-size:.92rem;font-weight:600;height:36px;max-width:250px;min-width:180px;padding:0 1.8em 0 .7em;transition:border-color .2s,background-color .2s}.tb-ctx-select:focus{border-color:#ffffffa6;outline:none}.tb-ctx-select:hover{background-color:#fff3}.tb-ctx-select option{background:#003a8c;color:#fff}.tb-ctx-date{background:#ffffff1f;border:1px solid #ffffff47;border-radius:7px;color:#fff;color-scheme:dark;cursor:pointer;font-family:var(--font-body);font-size:.92rem;font-weight:600;height:36px;padding:0 .7em;transition:border-color .2s}.tb-ctx-date:focus{border-color:#ffffffa6;outline:none}.tb-keycode{background:#ffffff26;border:1px solid #ffffff52;border-radius:7px;color:#fff;display:inline-block;font-family:var(--font-display);font-size:.84rem;font-weight:700;letter-spacing:.08em;padding:.25em .75em;text-transform:uppercase;white-space:nowrap}.tb-conn-pill{align-items:center;background:#ffffff1a;border:1px solid #ffffff47;border:1px solid var(--b,#ffffff47);border-radius:9px;box-shadow:0 2px 8px #00000038,0 0 0 1px #0000;box-shadow:0 2px 8px #00000038,0 0 0 1px var(--b,#0000);display:inline-flex;gap:.42em;height:36px;padding:0 .9em;white-space:nowrap}.tb-conn-dot{font-size:.82rem;line-height:1}.tb-conn-dot,.tb-conn-text{color:#fff;color:var(--c,#fff)}.tb-conn-text{font-size:.9rem;font-weight:700}.tb-coords-wrap{align-items:center;display:flex;gap:.5em}.tb-coords{color:#fff;font-family:var(--font-display);font-size:.84rem;font-weight:500;white-space:nowrap}.tb-map-btn{background:#fff;border:none;border-radius:999px;color:#0053ae;color:var(--blue,#0053ae);cursor:pointer;flex-shrink:0;font-family:var(--font-body);font-size:.76rem;font-weight:700;padding:.28em .7em;transition:background .18s,transform .15s;white-space:nowrap}.tb-map-btn:hover{background:#e8f0fc;transform:translateY(-1px)}.tb-chips-wrap{align-items:center;display:flex;gap:.3em}.tb-chip{align-items:center;background:#ffffff1f;border:1px solid #ffffff3d;border-radius:999px;color:#fff;display:inline-flex;font-size:.77rem;font-weight:500;gap:.2em;padding:.22em .6em;white-space:nowrap}.tb-right{align-items:center;display:flex;flex-shrink:0;gap:.55em;margin-left:auto}.tb-hamburger{background:#ffffff1a;border:1px solid #ffffff47;border-radius:8px;cursor:pointer;display:none;flex-direction:column;flex-shrink:0;gap:5px;height:38px;justify-content:center;padding:0 7px;transition:background .2s;width:38px}.tb-hamburger span{background:#fff;border-radius:2px;display:block;height:2.5px;transition:transform .25s,opacity .25s}.tb-hamburger--open span:first-child{transform:translateY(7.5px) rotate(45deg)}.tb-hamburger--open span:nth-child(2){opacity:0}.tb-hamburger--open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.tb-hamburger:hover{background:#fff3}.tb-user-wrap{position:relative}.tb-user-btn{align-items:center;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:9px;box-shadow:0 2px 10px #00000038;cursor:pointer;display:flex;gap:.52em;height:44px;padding:0 .85em 0 .5em;transition:background .2s}.tb-user-btn:hover{background:#ffffff38}.tb-avatar{align-items:center;background:#ffffff40;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:var(--font-display);font-size:.95rem;font-weight:700;height:32px;justify-content:center;width:32px}.tb-user-name{color:#fff;font-family:var(--font-body);font-size:.92rem;font-weight:600;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-chevron{color:#ffffffb3;font-size:.72rem;transition:transform .22s}.tb-chevron--up{transform:rotate(180deg)}.tb-dropdown{animation:tb-drop-in .15s ease;background:#fff;border:.5px solid #dde5ef;border-radius:11px;box-shadow:0 8px 36px #0000002b;min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:200}@keyframes tb-drop-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tb-dd-head{background:#f5f7fb;border-bottom:1px solid #e8ecf4;padding:.9em 1.1em}.tb-dd-name{color:#0d1a2a;font-size:.95rem;font-weight:700}.tb-dd-role{color:#6a7a8e;font-size:.76rem;margin-top:.12em}.tb-dd-section-label{color:#9aabb8;font-size:.66rem;font-weight:700;letter-spacing:.09em;padding:.6em 1.1em .28em;text-transform:uppercase}.tb-dd-nav-btn{align-items:center;background:none;border:none;color:#2a3a4a;cursor:pointer;display:flex;font-family:var(--font-body);font-size:.9rem;font-weight:500;gap:.7em;padding:.65em 1.1em;text-align:left;transition:background .15s,color .15s;width:100%}.tb-dd-nav-btn:hover{background:#eef2fb;color:#0053ae}.tb-dd-nav-btn--active{background:#0053ae12;border-left:3px solid #0053ae;color:#0053ae;font-weight:700;padding-left:calc(1.1em - 3px)}.tb-dd-nav-icon{flex-shrink:0;font-size:1rem}.tb-dd-divider{background:#e8ecf4;border:none;height:1px;margin:0}.tb-dd-logout{background:none;border:none;color:#c0392b;cursor:pointer;font-family:var(--font-body);font-size:.9rem;font-weight:600;padding:.75em 1.1em;text-align:left;transition:background .15s;width:100%}.tb-dd-logout:hover{background:#fdf2f2}.tb-mobile-panel{animation:tb-slide-down .2s ease;background:#003080;border-bottom:2px solid #ffffff1a;padding:.65em 1.4em .9em;position:sticky;top:78px;z-index:99}@keyframes tb-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tb-mobile-row{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:.5em 0}.tb-mobile-row:last-child{border-bottom:none}.tb-mobile-label{color:#ffffffd9;flex-shrink:0;font-size:.68rem;font-weight:700;letter-spacing:.08em;min-width:110px;text-transform:uppercase}.tb-mobile-content{align-items:center;display:flex;flex-wrap:wrap;gap:.35em;justify-content:flex-end}.hm-modal-overlay{animation:tb-fade .18s ease}@keyframes tb-fade{0%{opacity:0}to{opacity:1}}.hm-map-modal{animation:tb-modal-up .2s ease;background:#fff}@keyframes tb-modal-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hm-map-modal-header{background:#0053ae;background:var(--blue,#0053ae);padding:.9em 1.1em}.hm-map-modal-title{color:#fff;font-size:.95rem}.hm-map-modal-coords{color:#ffffffb8;font-size:.76rem}.hm-map-close{color:#fff;font-size:.95rem;height:32px;transition:background .2s;width:32px}.hm-map-frame{height:360px}@media (max-width:1180px){.tb-chips-wrap .tb-chip:nth-child(n+3){display:none}.tb-ctx-group{padding:0 .75em}}@media (max-width:880px){.tb-ctx-scroll,.tb-vsep{display:none}.tb-hamburger{display:flex}}@media (max-width:600px){.tb-name,.tb-user-name{display:none}.topbar{padding:0 1em}}.tb-date-trigger{align-items:center;background:#ffffff1f;border:1px solid #ffffff47;border-radius:7px;color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.9rem;font-weight:600;gap:.45em;height:36px;padding:0 .75em;transition:background .18s,border-color .18s;white-space:nowrap}.tb-date-trigger--open,.tb-date-trigger:hover{background:#ffffff38;border-color:#ffffff8c}.tb-date-text{max-width:220px;overflow:hidden;text-overflow:ellipsis}.tb-date-icon{flex-shrink:0;font-size:.85rem;opacity:.8}.drp-popup{background:#fff;border:1px solid #dde5f0;border-radius:14px;box-shadow:0 12px 48px #0000002e,0 2px 8px #0000001a;font-family:var(--font-body);overflow:hidden;-webkit-user-select:none;user-select:none;width:316px}.drp-status-bar{align-items:center;background:#0053ae;background:var(--blue,#0053ae);color:#fffffff2;display:flex;font-size:.78rem;font-weight:500;gap:.5em;line-height:1.35;padding:.6em 1em}.drp-status-bar strong{color:#fff;font-weight:700}.drp-pulse-dot{animation:drp-pulse-dot 1.2s ease-in-out infinite alternate;background:#fff;border-radius:50%;flex-shrink:0;height:8px;width:8px}@keyframes drp-pulse-dot{to{opacity:.35;transform:scale(.7)}}.drp-cal-header{justify-content:space-between;padding:.65em .85em .35em}.drp-cal-header,.drp-nav-btn{align-items:center;display:flex}.drp-nav-btn{background:none;border:1px solid #d8e0ee;border-radius:7px;color:#4a5a7a;cursor:pointer;font-size:1.2rem;font-weight:700;height:30px;justify-content:center;line-height:1;transition:background .15s,border-color .15s,color .15s;width:30px}.drp-nav-btn:hover{background:#eef2fb;border-color:#0053ae;color:#0053ae}.drp-month-label{color:#0d1a2a;font-family:var(--font-display);font-size:.92rem;font-weight:700}.drp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:.1em;padding:0 .4em}.drp-weekdays span{color:#9aabb8;font-size:.65rem;font-weight:700;letter-spacing:.04em;padding:.2em 0;text-align:center;text-transform:uppercase}.drp-grid{grid-row-gap:2px;display:grid;grid-template-columns:repeat(7,1fr);padding:0 .4em .4em;row-gap:2px}.drp-cell{align-items:center;background:#0000;border:none;border-radius:0;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:background .1s}.drp-cell--empty{cursor:default}.drp-cell--off{cursor:not-allowed}.drp-cell--off .drp-day-inner{color:#ccd5e0}.drp-day-inner{align-items:center;border-radius:50%;color:#1a2a3a;display:flex;font-size:.85rem;font-weight:500;height:34px;justify-content:center;position:relative;transition:background .12s,color .12s,font-weight .12s;width:34px;z-index:1}.drp-cell:not(.drp-cell--off):not(.drp-cell--lo):not(.drp-cell--hi):not(.drp-cell--single):hover .drp-day-inner{background:#e8f0fb;color:#0053ae}.drp-cell--range{background:#0053ae1a}.drp-cell--range .drp-day-inner{color:#0053ae;font-weight:600}.drp-cell--lo{background:linear-gradient(90deg,#0000 50%,#0053ae1a 0)}.drp-cell--lo .drp-day-inner{background:#0053ae;background:var(--blue,#0053ae);color:#fff;font-weight:700}.drp-cell--hi{background:linear-gradient(90deg,#0053ae1a 50%,#0000 0)}.drp-cell--hi .drp-day-inner{background:#0053ae;background:var(--blue,#0053ae);color:#fff;font-weight:700}.drp-cell--single{background:#0000!important}.drp-cell--single .drp-day-inner{background:#0053ae;background:var(--blue,#0053ae);color:#fff;font-weight:700}.drp-cell--today .drp-day-inner:after{background:#0053ae;background:var(--blue,#0053ae);border-radius:50%;bottom:4px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.drp-cell--hi.drp-cell--today .drp-day-inner:after,.drp-cell--lo.drp-cell--today .drp-day-inner:after,.drp-cell--single.drp-cell--today .drp-day-inner:after{background:#ffffffb3}.drp-footer{align-items:center;border-top:1px solid #eaeef6;display:flex;gap:.5em;padding:.5em .85em .7em}.drp-foot-btn{background:#0053ae;background:var(--blue,#0053ae);border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-family:var(--font-body);font-size:.78rem;font-weight:700;padding:.32em .8em;transition:background .15s}.drp-foot-btn:hover{background:#0042a0}.drp-foot-btn--ghost{background:none;border:1px solid #d0daea;color:#8a9aab}.drp-foot-btn--ghost:hover{background:#f4f6fb;border-color:#9aabb8;color:#3a5a8a}.drp-foot-range{color:#4a5a6a;flex:1 1;font-size:.76rem;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.drp-arrow{color:#0053ae;font-size:.7rem}.tb-bell-btn,.tb-bell-wrap{position:relative}.tb-bell-btn{align-items:center;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:9px;box-shadow:0 2px 10px #00000038;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:background .2s;width:44px}.tb-bell-btn--open,.tb-bell-btn:hover{background:#ffffff38}.tb-bell-icon{font-size:1.15rem;line-height:1}.tb-bell-badge{align-items:center;background:#e74c3c;border:2px solid #0053ae;border-radius:999px;color:#fff;display:flex;font-family:var(--font-display);font-size:.65rem;font-weight:800;height:17px;justify-content:center;min-width:17px;padding:0 3px;pointer-events:none;position:absolute;right:5px;top:5px}.tb-alerts-panel{animation:tb-drop-in .15s ease;background:#fff;border:.5px solid #dde5ef;border-radius:11px;box-shadow:0 8px 36px #0000002b;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:340px;z-index:200}.tb-ap-header{align-items:center;background:#f5f7fb;border-bottom:1px solid #e8ecf4;display:flex;justify-content:space-between;padding:.85em 1.1em .6em}.tb-ap-title{color:#0d1a2a;font-family:var(--font-display);font-size:.94rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.tb-ap-count{color:#6a7a8e;font-size:.76rem;font-weight:600}.tb-ap-list{max-height:300px;overflow-y:auto;scrollbar-color:#d0daea #0000;scrollbar-width:thin}.tb-ap-empty{color:#9aabb8;font-size:.88rem;padding:1.5em 1.1em;text-align:center}.tb-ap-item{align-items:center;border-bottom:1px solid #f0f3f8;border-left:3px solid #0000;display:flex;gap:.5em;justify-content:space-between;padding:.62em 1em;transition:background .15s}.tb-ap-item:last-child{border-bottom:none}.tb-ap-item:hover{background:#f8fafd}.tb-ap-item--critical{border-left-color:#c0392b}.tb-ap-item--operational{border-left-color:#d68910}.tb-ap-item-left{align-items:flex-start;display:flex;flex:1 1;gap:.48em;min-width:0}.tb-ap-sev{flex-shrink:0;font-size:.82rem;margin-top:.1em}.tb-ap-info{display:flex;flex-direction:column;gap:.06em;min-width:0}.tb-ap-type{color:#1a2a3a;font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-ap-time{color:#8a9aab;font-size:.73rem}.tb-ap-item-right{align-items:center;display:flex;flex-shrink:0;gap:.4em}.tb-ap-status{font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.tb-ap-status--active{color:#c0392b}.tb-ap-status--resolved{color:#27ae60}.tb-ap-delete{background:none;border:1px solid #e0e8f0;border-radius:6px;color:#8a9aab;cursor:pointer;font-size:.78rem;line-height:1;padding:.22em .42em;transition:background .15s,border-color .15s,color .15s}.tb-ap-delete:hover{background:#fdf2f2;border-color:#e74c3c;color:#e74c3c}.tb-ap-footer{background:#f5f7fb;border-top:1px solid #e8ecf4;padding:.6em 1em .7em}.tb-ap-detail-btn{background:none;border:1.5px solid #0053ae;border-radius:7px;color:#0053ae;cursor:pointer;font-family:var(--font-body);font-size:.86rem;font-weight:700;padding:.5em;transition:background .15s,color .15s;width:100%}.tb-ap-detail-btn:hover{background:#0053ae;color:#fff}@media (max-width:600px){.tb-alerts-panel{right:-30px;width:94vw}}.home-container{background:#f4f6fb;background:var(--gray-50,#f4f6fb);min-height:calc(100vh - 78px)}.content-container{display:flex;flex-direction:column;gap:.85em;margin:0 auto;max-width:1600px;padding:.9em 1.2em 2.5em}.card{background:#fff;border:.5px solid #00327814;border-radius:12px;box-shadow:0 1px 4px #00286412,0 4px 14px #0028640d}.hm-card-title{color:#0053ae;font-family:var(--font-display);font-size:1rem!important;font-weight:800;letter-spacing:.06em;margin-bottom:.2em;text-transform:uppercase}.hm-card-subtitle{color:#8a9aab;font-size:.88rem!important;margin-bottom:.65em}.hm-fault-banner{background:#fdf2f2;border:1px solid #e74c3c;border-radius:8px;color:#c0392b;font-size:1rem!important;font-weight:600;padding:.65em 1.1em}.hm-loading{color:#5a6a7a;font-size:1rem!important}.hm-loading-spinner{animation:hm-spin .75s linear infinite;border:3px solid #dce3ed;border-top:3px solid var(--blue);height:22px;width:22px}@keyframes hm-spin{to{transform:rotate(1turn)}}.hm-no-access{color:#6a7a8e;font-size:1rem!important;padding:3em;text-align:center}.hm-empty-state{padding:2.5em;text-align:center}.hm-empty-icon{font-size:2.5rem!important;margin-bottom:.35em}.hm-empty-title{color:#2a3a4a;font-size:1.25rem!important;font-weight:700;margin-bottom:.2em}.hm-empty-sub{color:#7a8a9a;font-size:1rem!important}.hm-state-bar-row{align-items:center;display:flex;flex-shrink:0;gap:1em;padding:.9em 1.2em}.hm-sb-sep{background:#dde5f0;flex-shrink:0;height:60px;width:1.5px}.hm-state-bar-title{color:#0053ae;font-family:var(--font-display);font-size:.88rem!important;font-weight:800;letter-spacing:.06em}.hm-state-steps{align-items:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.1em;scrollbar-width:none}.hm-state-steps::-webkit-scrollbar{display:none}.hm-state-step{flex-shrink:0;gap:.32em;min-width:88px}.hm-step-dot{background:#d4dcea;border:2.5px solid #c8d3e5;flex-shrink:0;height:22px;transition:background .3s,box-shadow .3s,border-color .3s;width:22px}.hm-state-step--active .hm-step-dot,.hm-step--active .hm-step-dot{background:#0053ae;border-color:#0053ae;box-shadow:0 0 0 5px #0053ae38,0 0 0 9px #0053ae1a}.hm-state-step--past .hm-step-dot,.hm-step--past .hm-step-dot{background:#8ec158;border-color:#8ec158}.hm-state-step--fault .hm-step-dot,.hm-step--fault .hm-step-dot{animation:hm-pulse-fault .85s ease-in-out infinite alternate;background:#e74c3c;border-color:#e74c3c}@keyframes hm-pulse-fault{to{box-shadow:0 0 0 5px #e74c3c59,0 0 0 9px #e74c3c1f}}.hm-step-label{color:#9aabb8;font-family:var(--font-display);font-size:1rem!important;font-weight:700!important;line-height:1.2;transition:color .3s}.hm-state-step--active .hm-step-label,.hm-step--active .hm-step-label{color:#0053ae!important;font-weight:800!important}.hm-state-step--past .hm-step-label,.hm-step--past .hm-step-label{color:#7ab847!important}.hm-step-line{align-self:flex-start;background:#dde5f0;height:2.5px;margin-top:9px;min-width:18px;transition:background .4s}.hm-step-line--filled{background:#8ec158}.hm-state-empty{color:#9aabb8;font-size:.92rem!important;margin-top:.4em}.hm-weather-widget{gap:.32em}.hm-weather-icon-wrap{height:96px;width:96px}.wx-svg{display:block;height:86px;width:86px}.hm-weather-label{font-family:var(--font-display);font-size:.92rem!important;font-weight:800;white-space:nowrap}.wx-svg--spin-slow{animation:wx-spin 8s linear infinite;transform-origin:center}@keyframes wx-spin{to{transform:rotate(1turn)}}.wx-drop{animation:wx-drop-fall 1.2s ease-in infinite}.wx-drop--2{animation-delay:.2s}.wx-drop--3{animation-delay:.4s}.wx-drop--4{animation-delay:.12s}.wx-drop--5{animation-delay:.3s}@keyframes wx-drop-fall{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(14px)}}.wx-lightning{animation:wx-lightning-flash 1.4s ease-in-out infinite}@keyframes wx-lightning-flash{0%,to{opacity:1}50%{opacity:.2}}.wx-sun-emerge{animation:wx-sun-up 1.8s ease-in-out infinite alternate;transform-origin:40px 50px}@keyframes wx-sun-up{0%{transform:translateX(0)}to{transform:translateX(8px) translateY(-6px)}}.wx-svg--pulse-warn{animation:wx-pulse .9s ease-in-out infinite alternate;transform-origin:center}@keyframes wx-pulse{to{opacity:.35;transform:scale(.9)}}.wx-svg--breathe{animation:wx-breathe 2.5s ease-in-out infinite alternate;transform-origin:center}.hm-step--overflow .hm-step-dot{background:#e67e22;border-color:#d35400;box-shadow:0 0 0 5px #e67e2240,0 0 0 9px #e67e221a}.hm-step--overflow .hm-step-label{color:#e67e22!important;font-weight:800!important}.hm-tank-alert{align-items:flex-start;background:#fff8e6;border:1.5px solid #f39c12;border-radius:8px;color:#7d4e0f;display:flex;font-size:.84rem!important;gap:.5em;line-height:1.35;margin:.4em 0 .6em;padding:.6em .8em}.hm-tank-alert-icon{flex-shrink:0;font-size:1.1rem!important;margin-top:.05em}.hm-main-row{grid-gap:.85em;display:grid;gap:.85em;grid-template-columns:270px 1fr 270px;min-height:480px}@media (max-width:1200px){.hm-main-row{grid-template-columns:220px 1fr 220px}}@media (max-width:900px){.hm-main-row{grid-template-columns:1fr}}.hm-tank-card{display:flex;flex-direction:column;padding:.9em 1em 1.1em}.hm-tank-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.8em;justify-content:center}.hm-tank-body{background:#0053ae12;border:2px solid #0053ae33;border-radius:6px 6px 14px 14px;height:300px;overflow:hidden;position:relative;width:150px}.hm-tank-fill{background:linear-gradient(180deg,#3b9de8,#0053ae);border-radius:0 0 12px 12px;bottom:0;left:0;position:absolute;right:0;transition:height 1.2s cubic-bezier(.25,.46,.45,.94)}.hm-fill--full{background:linear-gradient(180deg,#2ecc71,#27ae60)!important}.hm-fill--low{background:linear-gradient(180deg,#f39c12,#e67e22)!important}.hm-fill--empty{background:linear-gradient(180deg,#e74c3c,#c0392b)!important}.hm-tank-pct-label{align-items:center;color:#0d1a2a;display:flex;font-size:2.4rem!important;font-weight:800;inset:0;justify-content:center;text-shadow:0 1px 3px #ffffffb3;z-index:1}.hm-tank-mark,.hm-tank-pct-label{font-family:var(--font-display);position:absolute}.hm-tank-mark{color:#00286466;font-size:.78rem!important;right:4px;transform:translateY(50%);z-index:2}.hm-tank-meta{text-align:center}.hm-tank-vol{color:#0d1a2a;font-family:var(--font-display);font-size:2.1rem!important;font-weight:800}.hm-tank-unit{color:#8a9aab;font-size:.92rem!important;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.hm-tank-status{color:#5a6a7a;font-size:1.05rem!important;font-weight:600;margin-top:.4em}.hm-center-col{display:flex;flex-direction:column;gap:.85em}.hm-center-kpis{grid-gap:.55em;display:grid;flex-shrink:0;gap:.55em;grid-template-columns:repeat(3,1fr)}@media (max-width:1000px){.hm-center-kpis{grid-template-columns:repeat(2,1fr)}}.hm-kpi{align-items:center;border-top:3px solid #d0d9eb;display:flex;flex-direction:row;gap:.75em;overflow:hidden;padding:.9em 1.1em;position:relative;transition:border-color .25s}.hm-kpi:after{background:linear-gradient(135deg,#0000 60%,#0053ae08);content:"";inset:0;pointer-events:none;position:absolute}.hm-kpi--green{border-top-color:#8ec158}.hm-kpi--blue{border-top-color:#0053ae}.hm-kpi--eff{border-top-color:#8e44ad}.hm-kpi--warn{background:#fffbf5;border-top-color:#e67e22}.hm-kpi--alert{background:#fff8f8;border-top-color:#e74c3c}.hm-kpi-left{display:flex;flex:1 1;flex-direction:column;gap:.08em;min-width:0}.hm-kpi-header{align-items:center;display:flex;gap:.38em}.hm-kpi-right{flex-shrink:0;text-align:right}.hm-kpi-icon{flex-shrink:0;font-size:1.5rem!important;line-height:1}.hm-kpi-title{color:#7a8a9e;font-size:.88rem!important;font-weight:700;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.hm-kpi-title,.hm-kpi-value{font-family:var(--font-display);white-space:nowrap}.hm-kpi-value{color:#0d1a2a;font-size:2rem!important;font-weight:800;line-height:1.1}.hm-kpi-unit{color:#7a8a9e;font-size:.9rem!important;font-weight:600;margin-left:.1em}.hm-kpi-sub{color:#9aabb8;font-size:.84rem!important;padding-left:calc(1.5rem + .38em)}.hm-chart-main{display:flex;flex:1 1;flex-direction:column;min-height:300px;padding:.9em 1em .7em}.hm-chart-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.75em;justify-content:space-between;margin-bottom:.5em}.hm-chart-header-left{display:flex;flex-direction:column;gap:.18em}.hm-res-badge{background:#0053ae14;border:1px solid #0053ae33;border-radius:999px;color:#0053ae;display:inline-block;font-size:.78rem!important;font-weight:600;padding:.15em .6em}.hm-chart-tabs{display:flex;flex-shrink:0;gap:.28em}.hm-chart-tab{background:none;border:1.5px solid #d0daea;border-radius:7px;color:#6a7a8e;cursor:pointer;font-family:var(--font-body);font-size:.88rem!important;font-weight:600;padding:.32em .9em;transition:all .18s;white-space:nowrap}.hm-chart-tab:hover{background:#0053ae0a;border-color:#0053ae;color:#0053ae}.hm-chart-tab--active{background:#0053ae;border-color:#0053ae;color:#fff}.hm-chart-legend-hint{align-items:center;color:#6a7a8e;display:flex;flex-wrap:wrap;font-size:.82rem!important;gap:.2em;margin-bottom:.4em}.hm-cl-dot{border-radius:50%;height:10px;width:10px}.hm-cl-dot,.hm-cl-line{display:inline-block;flex-shrink:0}.hm-cl-line{border-radius:2px;height:2.5px;width:18px}.hm-chart-area{flex:1 1;min-height:230px}.hm-chart-area,.hm-chart-no-data{display:flex;flex-direction:column}.hm-chart-no-data{align-items:center;gap:.3em;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:2}.hm-nd-icon{font-size:2rem!important}.hm-nd-title{color:#4a5a6a;font-size:1rem!important;font-weight:700}.hm-nd-sub{color:#9aabb8;font-size:.9rem!important}.hm-chart-tt{background:#fff;border:1px solid #dde5f0;border-radius:8px;box-shadow:0 4px 16px #0000001f;font-family:var(--font-body);min-width:175px;padding:.65em .9em}.hm-chart-tt-label{border-bottom:1px solid #eaeef6;color:#0d1a2a;font-size:.9rem!important;font-weight:700;margin-bottom:.38em;padding-bottom:.3em}.hm-chart-tt-row{align-items:center;display:flex;font-size:.86rem!important;gap:.45em;padding:.15em 0}.hm-chart-tt-total{border-top:1px solid #eaeef6;margin-top:.2em;padding-top:.28em}.hm-chart-tt-dot{border-radius:50%;flex-shrink:0;height:9px;width:9px}.hm-chart-tt-line{border-radius:2px;flex-shrink:0;height:2.5px;width:14px}.hm-chart-tt-name{color:#5a6a7a;flex:1 1}.hm-chart-tt-val{color:#0d1a2a;font-family:var(--font-display);font-weight:700}.hm-chart-tt-eff{border-top:1px dashed #eaeef6;color:#27ae60;font-size:.86rem!important;margin-top:.38em;padding-top:.32em;text-align:center}.hm-diagram-card{display:flex;flex-direction:column;padding:.75em .4em .4em}.hm-diagram-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:0}.hm-diagram-card .hm-card-title{padding:0 .5em}@keyframes sd-flow{to{stroke-dashoffset:-18}}@keyframes sd-drop{0%{opacity:0;transform:translateY(0)}40%{opacity:1}to{opacity:0;transform:translateY(10px)}}@keyframes sd-wpulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.5)}}.hm-secondary-row{grid-gap:.85em;display:grid;gap:.85em;grid-template-columns:1fr 1fr}@media (max-width:860px){.hm-secondary-row{grid-template-columns:1fr}}.hm-chart-card{padding:1em 1.15em 1.15em}.hm-chart-inner{align-items:stretch;display:flex;gap:1em;margin-top:.25em}.hm-chart-donut{flex:0 0 155px;height:155px}.hm-no-chart{color:#9aabb8;font-size:.94rem!important;padding:2em 0;text-align:center}.hm-breakdown{display:flex;flex:1 1;flex-direction:column;gap:.35em;justify-content:center}.hm-breakdown-row{align-items:center;border-bottom:1px dashed #eaecf0;display:flex;gap:.5em;padding:.2em 0}.hm-breakdown-row:last-child{border-bottom:none}.hm-breakdown-dot{border-radius:50%;flex-shrink:0;height:11px;width:11px}.hm-breakdown-name{color:#4a5a6a;flex:1 1;font-size:.9rem!important;font-weight:500}.hm-breakdown-val{color:#0d1a2a;font-family:var(--font-display);font-size:.96rem!important;font-weight:700}.hm-sensors-card{padding:1em 1.15em 1.15em}.hm-section-sub{color:#9aabb8;font-family:var(--font-display);font-size:.78rem!important;font-weight:700;letter-spacing:.07em;margin:.6em 0 .45em;text-transform:uppercase}.hm-wps-grid{grid-gap:.5em;display:grid;gap:.5em;grid-template-columns:repeat(6,1fr)}.hm-wps-cell{align-items:center;background:#f4f7fb;border:1px solid #dde5f0;border-radius:8px;display:flex;flex-direction:column;gap:.2em;padding:.6em .25em;transition:background .3s,border-color .3s}.hm-wps--wet{background:#0053ae12;border-color:#0053ae40}.hm-wps-led{background:#c8d3e5;border-radius:50%;height:11px;width:11px}.hm-wps--wet .hm-wps-led{animation:hm-led-blink 1.3s ease-in-out infinite alternate;background:#27ae60!important;box-shadow:0 0 5px #27ae6080!important}@keyframes hm-led-blink{to{opacity:.4}}.hm-wps-id{color:#2a3a4a;font-family:var(--font-display);font-size:.82rem!important;font-weight:800}.hm-wps-desc{color:#8a9aab;font-size:.74rem!important;line-height:1.25;text-align:center}.hm-wps-status{color:#9aabb8;font-size:.76rem!important;font-weight:600}.hm-wps--wet .hm-wps-status{color:#0053ae}.hm-metrics-grid{grid-gap:.5em;display:grid;gap:.5em;grid-template-columns:repeat(4,1fr)}.hm-metric{background:#f7f9fc;border:1px solid #e8ecf4;border-radius:8px;display:flex;flex-direction:column;gap:.16em;padding:.65em .7em}.hm-metric--warn{background:#fff9f0;border-color:#f0c050}.hm-metric-label{color:#7a8a9e;font-size:.82rem!important;font-weight:500}.hm-metric-val{color:#0d1a2a;font-family:var(--font-display);font-size:1.1rem!important;font-weight:800}.hm-bottom-row{grid-gap:.85em;display:grid;gap:.85em;grid-template-columns:1fr auto}@media (max-width:860px){.hm-bottom-row{grid-template-columns:1fr}}.hm-alerts-section{padding:1em 1.15em}.hm-badge{align-items:center;background:#e8ecf4;border-radius:999px;color:#3a4a5a;display:inline-flex;font-size:.8rem!important;font-weight:700;height:22px;justify-content:center;margin-left:.5em;min-width:22px;padding:0 .4em;vertical-align:middle}.hm-badge--critical{background:#fde;color:#c0392b}.hm-badge--op{background:#fef9ef;color:#d68910}.hm-no-alerts{color:#7a8a9e;font-size:.96rem!important;padding:.5em 0}.hm-alerts-list{display:flex;flex-direction:column;gap:.35em;margin-top:.5em;max-height:180px;overflow-y:auto}.hm-alert-row{align-items:center;border-left:3px solid #ccc;border-radius:0 6px 6px 0;display:flex;flex-wrap:wrap;font-size:.9rem!important;gap:.6em;padding:.48em .75em}.hm-alert-sev-chip{flex-shrink:0;font-size:.82rem!important;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hm-alert-row-type{color:#2a3a4a;flex:1 1;font-weight:600;min-width:100px}.hm-alert-row-time{color:#8a9aab}.hm-alert-row-status,.hm-alert-row-time{flex-shrink:0;font-size:.88rem!important}.hm-alert-row-status{font-weight:700}.hm-status--active{color:#e74c3c}.hm-status--resolved{color:#27ae60}.hm-actions-section{min-width:240px;padding:1em 1.15em}.hm-actions-grid{display:flex;flex-direction:column;gap:.45em;margin-top:.5em}.hm-action-btn{align-items:center;background:none;border:1px dashed #c8d3e5;border-radius:8px;color:#9aabb8;cursor:not-allowed;display:flex;font-family:var(--font-body);font-size:.92rem!important;font-weight:600;gap:.65em;padding:.65em .85em;text-align:left}.hm-action-icon{font-size:1.2rem!important}body.home-page .header.hm-header{align-items:center;display:flex;flex-wrap:nowrap;gap:1em;justify-content:space-between;min-height:60px;padding:.6em 1.25em}.hm-header-filters{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;min-width:0;row-gap:.4em}.hm-hf-separator{background:#ffffff40;flex-shrink:0;height:28px;margin:0 .85em;width:1px}.hm-hf-group{display:flex;flex-direction:column;gap:.15em;min-width:0}.hm-hf-label{color:#ffffffa6;font-size:.62rem;font-weight:700;letter-spacing:.07em;line-height:1;text-transform:uppercase}.hm-hf-hint{color:#ffffffbf;font-size:.8rem}.hm-hf-select{appearance:none;background-color:#ffffff1f;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='rgba(255,255,255,0.7)' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right .5em center;background-repeat:no-repeat;border:1px solid #ffffff4d;border-radius:var(--radius-xs);color:var(--white);cursor:pointer;font-family:var(--font-body);font-size:.85rem;font-weight:600;height:30px;min-width:150px;padding:0 1.8em 0 .6em}.hm-hf-select:focus{border-color:#fff9;outline:none}.hm-hf-select option{background:#003a8c;color:var(--white)}.hm-hf-date{background-color:#ffffff1f;border:1px solid #ffffff4d;border-radius:var(--radius-xs);color:var(--white);color-scheme:dark;cursor:pointer;font-family:var(--font-body);font-size:.85rem;font-weight:600;height:30px;padding:0 .6em}.hm-hf-date:focus{border-color:#fff9;outline:none}.hm-hf-location{align-items:center;display:flex;gap:.5em}.hm-hf-coords{color:#ffffffd9;font-family:var(--font-display);font-size:.8rem;font-weight:500}.hm-map-btn{align-items:center;background:var(--white);border:none;border-radius:999px;color:var(--blue);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.75rem;font-weight:700;gap:.25em;padding:.2em .65em;transition:background var(--transition),transform var(--transition);white-space:nowrap}.hm-map-btn:hover{background:#e8f0fc;transform:translateY(-1px)}.hm-header-right{flex-shrink:0}.hm-keycode-badge{background:#ffffff26;border:1px solid #fff6;border-radius:var(--radius-sm);color:var(--white);display:inline-block;font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.08em;padding:.3em .9em;text-transform:uppercase}.hm-modal-overlay{align-items:center;animation:hm-fade-in .18s ease;background:#00000080;display:flex;inset:0;justify-content:center;padding:1em;position:fixed;z-index:1000}@keyframes hm-fade-in{0%{opacity:0}to{opacity:1}}.hm-map-modal{animation:hm-slide-up .2s ease;background:var(--white);border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:0 20px 60px #0000004d;overflow:hidden;width:min(520px,94vw)}@keyframes hm-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hm-map-modal-header{align-items:flex-start;background:var(--blue);color:var(--white);display:flex;justify-content:space-between;padding:.85em 1em}.hm-map-modal-title{font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hm-map-modal-coords{color:#ffffffbf;font-family:var(--font-display);font-size:.75rem;margin-top:.15em}.hm-map-close{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:var(--white);cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:28px;justify-content:center;transition:background var(--transition);width:28px}.hm-map-close:hover{background:#ffffff47}.hm-map-frame{height:340px;width:100%}.hm-map-frame iframe{display:block}.hm-loading{align-items:center;color:var(--gray-600);display:flex;gap:.75em;justify-content:center;padding:2em}.hm-loading-spinner{animation:db-spin .7s linear infinite;border:2px solid var(--gray-200);border-radius:50%;border-top-color:var(--blue);height:20px;width:20px}@keyframes db-spin{to{transform:rotate(1turn)}}.hm-state-bar{padding:.65em 1em}.hm-state-bar-inner{align-items:center;display:flex;gap:.75em}.hm-state-steps-col{flex:1 1;min-width:0}.hm-state-bar-title{color:var(--gray-600);font-size:.7rem;font-weight:700;letter-spacing:.08em;margin-bottom:.55em;text-transform:uppercase}.hm-state-steps{flex-wrap:wrap;row-gap:.3em}.hm-state-step,.hm-state-steps{align-items:center;display:flex}.hm-state-step{flex:1 1;flex-direction:column;gap:.22em;min-width:80px}.hm-step-dot{background:var(--white);border:2px solid var(--gray-200);border-radius:50%;height:13px;transition:all var(--transition);width:13px}.hm-step-label{color:var(--gray-400);font-size:.63rem;font-weight:500;text-align:center;white-space:nowrap}.hm-step-line{background:var(--gray-200);flex:1 1;height:2px;margin-bottom:1em;min-width:10px;transition:background var(--transition)}.hm-step--active .hm-step-dot{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 3px #0053ae2e;height:16px;width:16px}.hm-step--active .hm-step-label{color:var(--blue);font-weight:700}.hm-step--past .hm-step-dot{background:var(--green);border-color:var(--green)}.hm-step--past .hm-step-label{color:var(--green-dark)}.hm-step-line--filled{background:var(--green)}.hm-step--fault .hm-step-dot{background:var(--color-error);border-color:var(--color-error);box-shadow:0 0 0 3px #c0392b2e}.hm-step--fault .hm-step-label{color:var(--color-error)}.hm-state-empty{color:var(--gray-400);font-size:.75rem;font-style:italic;margin-top:.3em}.hm-weather-widget{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-sm);flex-direction:column;flex-shrink:0;gap:.3em;padding:.5em .4em;width:100px}.hm-weather-icon-wrap,.hm-weather-widget{align-items:center;display:flex;justify-content:center}.hm-weather-icon-wrap{height:64px;width:64px}.hm-weather-label{font-size:.62rem;font-weight:700;letter-spacing:.04em;line-height:1.2;text-align:center;text-transform:uppercase}.wx-svg{height:100%;overflow:visible;width:100%}@keyframes wx-spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wx-svg--spin-slow{animation:wx-spin-slow 10s linear infinite;transform-origin:32px 32px}@keyframes wx-drop{0%{opacity:0;transform:translateY(-6px)}30%{opacity:1}to{opacity:0;transform:translateY(10px)}}.wx-drop{animation:wx-drop 1.4s ease-in infinite}.wx-drop--1{animation-delay:0s}.wx-drop--2{animation-delay:.25s}.wx-drop--3{animation-delay:.5s}.wx-drop--4{animation-delay:.1s}.wx-drop--5{animation-delay:.35s}@keyframes wx-lightning{0%,70%,to{opacity:0}72%,76%{opacity:1}74%{opacity:.4}}.wx-lightning{animation:wx-lightning 2.5s ease-in-out infinite}@keyframes wx-sun-emerge{0%,to{opacity:.6;transform:translateX(0)}50%{opacity:1;transform:translateX(3px)}}.wx-sun-emerge{animation:wx-sun-emerge 3s ease-in-out infinite;transform-origin:44px 26px}@keyframes wx-pulse-warn{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.92)}}.wx-svg--pulse-warn{animation:wx-pulse-warn 1s ease-in-out infinite;transform-origin:32px 32px}@keyframes wx-breathe{0%,to{opacity:.45}50%{opacity:.9}}.wx-svg--breathe{animation:wx-breathe 3s ease-in-out infinite}.db-main-row{grid-gap:.75em;align-items:stretch;display:grid;gap:.75em;grid-template-columns:160px 1fr;margin-bottom:.75em}.db-right-col{gap:.65em}.db-right-col,.db-tank-card{display:flex;flex-direction:column}.db-tank-card{align-items:center;gap:.5em;padding:1em}.db-card-title{align-self:flex-start;color:var(--blue);font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.08em;margin-bottom:.3em;text-transform:uppercase}.db-tank-wrapper{align-items:center;display:flex;flex:1 1;gap:.75em;justify-content:center;width:100%}.db-tank-body{background:var(--gray-50);border:2.5px solid var(--gray-200);border-radius:var(--radius-xs) var(--radius-xs) var(--radius-sm) var(--radius-sm);flex:1 1;flex-shrink:0;max-width:52px;min-height:80px;overflow:hidden;position:relative;width:52px}.db-tank-fill{background:var(--blue);bottom:0;left:0;position:absolute;right:0;transition:height .6s ease}.db-fill--critical{background:#c0392b}.db-fill--low{background:#e67e22}.db-tank-pct{color:var(--white);font-family:var(--font-display);font-size:.85rem;font-weight:700;left:50%;position:absolute;text-shadow:0 1px 3px #00000080;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:1}.db-tank-meta{display:flex;flex-direction:column;gap:.2em}.db-tank-vol{color:var(--black);font-family:var(--font-display);font-size:1.4rem;font-weight:700;line-height:1}.db-tank-unit{color:var(--gray-600);font-size:.7rem;font-weight:500}.db-tank-status{font-size:.78rem;font-weight:600;margin-top:.3em}.db-kpis-grid{grid-gap:.65em;display:grid;gap:.65em;grid-template-columns:repeat(4,1fr)}.db-kpi{border-top:4px solid var(--gray-200);display:flex;flex-direction:column;gap:.15em;padding:.85em}.db-kpi--rain{border-top-color:#0053ae}.db-kpi--captured{border-top-color:#8ec158}.db-kpi--delivered{border-top-color:#3498db}.db-kpi--eff{border-top-color:#9b59b6}.db-kpi-icon{font-size:1.1rem;line-height:1;margin-bottom:.1em}.db-kpi-label{color:var(--gray-600);font-size:.68rem;font-weight:700;letter-spacing:.04em;line-height:1.2;text-transform:uppercase}.db-kpi-value{color:var(--black);font-family:var(--font-display);font-size:1.6rem;font-weight:700;line-height:1.1}.db-kpi-unit{color:var(--gray-400);font-size:.75rem;font-weight:500}.db-kpi-sub{color:var(--gray-600);font-size:.7rem;line-height:1.3;margin-top:.2em}.db-critical-banner{align-items:center;background:#fdf2f2;border-left:4px solid #c0392b;border-radius:var(--radius-sm);color:#c0392b;display:flex;font-size:.9rem;font-weight:600;gap:.5em;margin-bottom:.75em;padding:.75em 1.1em}.db-secondary-row{grid-gap:.75em;display:grid;gap:.75em;grid-template-columns:1fr 1fr;margin-bottom:.75em}.db-alerts-card{display:flex;flex-direction:column}.db-badge{align-items:center;border-radius:50%;display:inline-flex;font-size:.68rem;font-weight:700;height:20px;justify-content:center;margin-left:.45em;vertical-align:middle;width:20px}.db-badge--critical{background:#c0392b;color:var(--white)}.db-badge--op{background:#f39c12;color:var(--white)}.db-no-alerts{background:var(--green-light);border:1px solid var(--green);border-radius:var(--radius-sm);color:var(--color-success);font-size:.88rem;font-weight:600;margin-top:.5em;padding:1em;text-align:center}.db-alerts-list{display:flex;flex-direction:column;gap:.4em;margin-top:.5em;max-height:200px;overflow-y:auto;padding-right:2px}.db-alerts-list::-webkit-scrollbar{width:4px}.db-alerts-list::-webkit-scrollbar-track{background:#0000}.db-alerts-list::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:999px}.db-alert-row{align-items:baseline;border-left:3px solid var(--gray-200);border-radius:var(--radius-xs);display:flex;flex-wrap:wrap;font-size:.82rem;gap:.5em;padding:.6em .85em}.db-alert-sev{font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.db-alert-type{color:var(--black);flex:1 1;font-weight:700}.db-alert-detail{color:var(--gray-600);font-size:.75rem;line-height:1.4;width:100%}.db-alert-status{font-size:.72rem;font-weight:700;white-space:nowrap}.db-status--active{color:#c0392b}.db-status--resolved{color:var(--color-success)}.db-coming-card,.db-coming-list{display:flex;flex-direction:column}.db-coming-list{gap:.5em;margin-top:.4em}.db-coming-item{align-items:center;background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-sm);display:flex;gap:.75em;padding:.55em .75em}.db-coming-icon{flex-shrink:0;font-size:1.2rem}.db-coming-text{display:flex;flex:1 1;flex-direction:column;gap:.1em;min-width:0}.db-coming-label{color:var(--black);font-size:.82rem;font-weight:700}.db-coming-desc{color:var(--gray-600);font-size:.72rem}.db-soon-badge{background:var(--blue-light);border:1px solid var(--blue);border-radius:999px;color:var(--blue);display:inline-block;flex-shrink:0;font-size:.65rem;font-weight:700;letter-spacing:.04em;padding:.18em .55em;text-transform:uppercase;white-space:nowrap}.db-empty-state{padding:3em 1em;text-align:center}.db-empty-icon{font-size:2rem;margin-bottom:.5em}.db-empty-title{color:var(--gray-800);font-size:1rem;font-weight:700}.db-empty-sub{color:var(--gray-400);font-size:.82rem;margin-top:.3em}@media (max-width:1199px){.db-kpis-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:991px){.db-main-row{grid-template-columns:1fr}.db-tank-card{align-items:flex-start;flex-direction:row;gap:1.5em}.db-secondary-row{grid-template-columns:1fr}.hm-hf-separator{display:none}.hm-header-filters{flex-wrap:wrap;gap:.5em}.hm-weather-widget{width:82px}}@media (max-width:767px){.db-kpis-grid{grid-template-columns:repeat(2,1fr)}.hm-step-label{display:none}.hm-weather-widget{width:76px}}@media (max-width:575px){body.home-page .header.hm-header{flex-wrap:wrap;padding:.65em 1em}.hm-header-filters{flex-wrap:wrap;gap:.5em}.hm-hf-separator{display:none}.db-main-row{grid-template-columns:1fr}.db-tank-card{align-items:center;flex-direction:column}.db-kpis-grid{grid-template-columns:1fr 1fr}.db-secondary-row{grid-template-columns:1fr}.hm-weather-widget{display:none}.hm-map-modal{width:94vw}.hm-map-frame{height:260px}}@media (max-width:380px){.db-kpis-grid{grid-template-columns:1fr}}.privileges-container{display:flex;flex-direction:column;gap:.75em}.privilege-group{background-color:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);padding:.75em 1em;transition:border-color var(--transition),background-color var(--transition)}.privilege-group.has-access{background-color:var(--green-light);border-color:var(--green)}.privilege-group.has-access label,.privilege-group.has-access select{color:var(--green-dark);font-weight:600}.privilege-group.has-access select{border-color:var(--green)}.privilege-group.has-access select:focus{box-shadow:0 0 0 3px #8ec15833}.privilege-group.no-access{background-color:var(--gray-50);border-color:var(--gray-200)}.privilege-group.no-access label{color:var(--gray-600);font-weight:500}.privilege-group.no-access select{border-color:var(--gray-200);color:var(--gray-600)}@media (max-width:575px){.privilege-group{padding:.65em .85em}}.users-list{margin-top:.5em}.users-list>p{color:var(--gray-600);font-size:.88rem;margin-bottom:1.25em}.users-list .search-input{max-width:280px}@media (min-width:576px) and (max-width:767px){.users-list .search-input{max-width:100%}}@media (max-width:575px){.users-list>p{font-size:.84rem}.users-list .search-input{max-width:100%}.datatable-container{margin-top:.5em}}.device-keycode-badge{background:#0053ae12;border:1.5px solid #0053ae47;border-radius:6px;border-radius:var(--radius-sm,6px);color:#0053ae;display:inline-block;font-family:monospace;font-family:var(--font-display,monospace);font-size:1rem;font-weight:700;letter-spacing:.06em;padding:.45em 1em;-webkit-user-select:all;user-select:all}.user-selector{align-items:stretch;display:flex;gap:.5em}.user-selector-display{background-color:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-800);cursor:default;flex:1 1;font-family:var(--font-body);font-size:.95rem;padding:.55em .75em}.user-selector-display::placeholder{color:var(--gray-400);font-style:italic}.user-selector-btn{flex-shrink:0;font-size:.82rem;padding:.55em 1em;white-space:nowrap}.form-group--full{flex:1 1 100%!important}.user-search-overlay{z-index:2100!important}.user-search-modal{display:flex;flex-direction:column;max-height:540px;width:460px}.user-search-modal .modal-body{display:flex;flex:1 1;flex-direction:column;gap:.75em;overflow:hidden;padding-bottom:0}.user-search-input{margin-bottom:0;max-width:100%}.user-search-results{border:1px solid var(--gray-100);border-radius:var(--radius-sm);flex:1 1;max-height:280px;min-height:140px;overflow-y:auto}.user-search-hint{color:var(--gray-400);font-size:.85rem;font-style:italic;margin:0;padding:2em 1em;text-align:center}.user-search-hint--empty{color:var(--color-error);font-style:normal}.user-search-hint strong{color:var(--gray-600);font-style:normal}.user-search-list{list-style:none;margin:0;padding:0}.user-search-item{align-items:center;border-bottom:1px solid var(--gray-100);border-left:3px solid #0000;cursor:pointer;display:flex;justify-content:space-between;padding:.75em 1em;transition:background-color var(--transition),border-left var(--transition)}.user-search-item:last-child{border-bottom:none}.user-search-item--even{background-color:var(--gray-50)}.user-search-item:hover{background-color:var(--blue-light);border-left-color:var(--blue)}.user-search-item-info{display:flex;flex-direction:column;gap:.15em}.user-search-name{color:var(--black);font-size:.92rem;font-weight:600}.user-search-username{color:var(--gray-400);font-size:.78rem}.user-search-select-hint{color:var(--blue);font-size:.75rem;font-weight:500;opacity:0;transition:opacity var(--transition);white-space:nowrap}.user-search-item:hover .user-search-select-hint{opacity:1}@media (max-width:575px){.user-search-modal{max-height:85vh;width:96%}.user-selector{flex-direction:column}.user-selector-btn{width:100%}.user-search-select-hint{display:none}}.devices-list{margin-top:.5em}.devices-list>p{color:var(--gray-600);font-size:.88rem;margin-bottom:1.25em}.datatable-container{margin-top:.75em;width:100%}.devices-list .search-input{max-width:280px}@media (min-width:576px) and (max-width:767px){.devices-list .search-input{max-width:100%}}@media (max-width:575px){.devices-list>p{font-size:.84rem}.devices-list .search-input{max-width:100%}.datatable-container{margin-top:.5em}}
/*# sourceMappingURL=main.1f764fe5.css.map*/