@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/montserrat-v25-latin-regular.woff2) format("woff2"),url(/fonts/montserrat-v25-latin-regular.woff) format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/montserrat-v25-latin-500.woff2) format("woff2"),url(/fonts/montserrat-v25-latin-500.woff) format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/montserrat-v25-latin-600.woff2) format("woff2"),url(/fonts/montserrat-v25-latin-600.woff) format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/montserrat-v25-latin-700.woff2) format("woff2"),url(/fonts/montserrat-v25-latin-700.woff) format("woff")}*,*:before,*:after{box-sizing:border-box;font-family:Montserrat,sans-serif}html{height:100%;margin:0;padding:0;overflow-y:scroll}body{height:100%;margin:0;padding:0}body{background:#fcfdff;color:#2d2d2d}a{text-decoration:none}.brand{font-size:1.2rem;font-weight:700;letter-spacing:-1px}.brand-ela{color:#fff}.brand-connect{color:#f10358}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;height:50px;background:#000;display:flex;align-items:center;justify-content:space-between;padding:10px 20px}.tabs{display:flex;gap:.5rem;margin-right:.5rem}.tab{font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;background:#f6f6f6;color:#2d2d2d;padding:10px 15px;border-radius:5px;border:1px solid #F0F0F0;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;display:inline-block;transition:background .15s,color .15s,border-color .15s}.tab:hover{background:#f10358;border-color:#f10358;color:#f6f6f6}.tab.active{background:#f10358;border-color:#f10358;color:#fff}.container{max-width:1800px;margin:0 auto;padding:calc(50px + 1.5rem) 2rem 2.5rem}.card{background:#fff;border-radius:6px;box-shadow:0 1px 4px #0000000f;padding:1.5rem;margin-bottom:1rem}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid #F0F0F0}th{color:#666572;font-weight:600;font-size:.8rem;text-transform:uppercase}.btn{font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;padding:10px 15px;border-radius:5px;border:1px solid #F0F0F0;background:#f6f6f6;color:#2d2d2d;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s,color .15s,border-color .15s}.btn:hover,.btn-primary{background:#f10358;border-color:#f10358;color:#fff}.btn-primary:hover{background:#eae8f233;border-color:#000;color:#000}.btn-danger{background:#e74c3c;border-color:#e74c3c;color:#fff}.btn-danger:hover{opacity:.85}.btn-sm{padding:6px 10px;font-size:11px}.btn-disabled{opacity:.4;cursor:not-allowed}.btn-disabled:hover{background:#f6f6f6;border-color:#f0f0f0;color:#2d2d2d}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-title h2{font-size:1.1rem;font-weight:700;letter-spacing:-.5px}.peers-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.peers-header h2{flex:1;font-size:1.1rem;font-weight:700;letter-spacing:-.5px;margin:0}.peers-header h2 .mono{font-weight:400;color:#666572;font-size:.85rem}.form-row{display:flex;gap:.5rem;margin-bottom:.8rem;flex-wrap:wrap}.form-row input,.form-row select{font-family:Montserrat,sans-serif;padding:.4rem .6rem;border:1px solid #F0F0F0;border-radius:5px;font-size:.85rem;color:#2d2d2d;background:#fff}.form-row input{flex:1;min-width:120px}.form-row input:focus,.form-row select:focus{outline:none;border-color:#f10358;box-shadow:0 0 0 2px #f103581a}.ip-group{display:inline-flex;align-items:center;gap:2px;font-family:monospace;font-size:.9rem}.ip-group input[type=number]{width:50px;padding:.4rem .3rem;border:1px solid #F0F0F0;border-radius:5px;font-size:.85rem;text-align:center;-moz-appearance:textfield}.ip-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.ip-group select{min-width:50px;padding:.4rem .2rem;border:1px solid #F0F0F0;border-radius:5px;font-size:.85rem;font-family:monospace}.ip-group .dot{padding:0 1px}.hidden{display:none!important}.mono{font-family:monospace;font-size:.8rem}.badge{display:inline-block;padding:.15rem .5rem;border-radius:10px;font-size:.75rem;font-weight:600;background:#f6f6f6;color:#666572}.copyable{cursor:pointer}.copyable:hover{color:#f10358}.peers-toggle{cursor:pointer;color:#f10358;font-size:.85rem;font-weight:600}.badge-you{background:#f10358;color:#fff;font-size:.65rem;padding:.1rem .4rem;vertical-align:middle}.severity-info{background:#e0e0e0;color:#555}.severity-warning{background:#fff3cd;color:#856404}.severity-error{background:#f8d7da;color:#721c24}.severity-critical{background:#e74c3c;color:#fff}.fault-state-new{background:#f8d7da;color:#721c24}.fault-state-acknowledged{background:#fff3cd;color:#856404}.fault-state-resolved,.conn-connected{background:#d4edda;color:#155724}.conn-disconnected{background:#f8d7da;color:#721c24}.evac-active{background:#e74c3c;color:#fff}.evac-acknowledged{background:#fff3cd;color:#856404}.evac-inactive{background:#d4edda;color:#155724}.oi-state-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;padding:.5rem 0}.oi-state-item{display:flex;flex-direction:column;gap:.25rem}.oi-state-item label{font-size:.75rem;color:#666572;font-weight:600;text-transform:uppercase}.oi-state-item .value{font-size:.9rem}.overview-iface-card{background:#fff;border-radius:6px;box-shadow:0 1px 4px #0000000f;overflow:hidden;margin-bottom:1.25rem}.overview-iface-header{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;background:#000;color:#fff;font-weight:600;font-size:.95rem}.overview-peers{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;padding:.75rem}.overview-peer-card{border:1px solid #ddd;border-radius:5px;overflow:hidden}.overview-peer-header{display:block;padding:.45rem .75rem;background:#f0f0f0;font-weight:600;font-size:.85rem;color:#2d2d2d;text-decoration:none}.overview-peer-header:hover{background:#e6e6e6}.overview-systems{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem .75rem}.overview-system{display:inline-block;padding:.35rem .65rem;background:#f6f6f6;border:1px solid #ddd;border-radius:4px;font-size:.8rem;font-weight:500;color:#2d2d2d;text-decoration:none;transition:border-color .15s,background .15s}.overview-system:hover{border-color:#f10358;background:#fff0f3}.overview-peers-without{display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem .75rem}.overview-peer-badge{text-decoration:none;cursor:pointer;transition:background .15s}.overview-peer-badge:hover{background:#e0e0e0}.fault-details{display:flex;flex-direction:column;gap:.25rem}.fault-detail-row{display:flex;gap:.75rem;font-size:.8rem}.fault-detail-key{color:#666572;font-weight:500;min-width:100px}.fault-detail-val{font-family:monospace;word-break:break-all}.peer-row{cursor:pointer}.peer-row:hover{background:#f6f6f6}.peer-device-row td{border-bottom:1px solid #F0F0F0}.peer-device-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem 1.5rem}.peer-device-field{display:flex;flex-direction:column;gap:.15rem}.peer-device-label{font-size:.75rem;font-weight:600;color:#666572;text-transform:uppercase}.peer-device-value{font-size:.85rem;word-break:break-all}.call-events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;padding:.5rem 0}.call-card{border:1px solid #f6f6f6;border-radius:6px;padding:.75rem;border-left:3px solid #f6f6f6}.call-card-new{border-left-color:#e74c3c}.call-card-acknowledged{border-left-color:#f0ad4e}.call-card-resolved{border-left-color:#27ae60}.call-card-reset{border-left-color:#999}.call-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.call-card-id{font-family:monospace;font-size:.85rem;font-weight:600;color:#2d2d2d}.call-card-body{display:flex;flex-direction:column;gap:.25rem}.call-card-field{display:flex;justify-content:space-between;font-size:.8rem}.call-card-label{color:#666572;font-weight:500}.command-status-pending{background:#fff3cd;color:#856404}.command-status-executed{background:#d4edda;color:#155724}.command-status-failed{background:#f8d7da;color:#721c24}.command-status-expired{background:#e0e0e0;color:#555}.brand-group{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.restricted-indicator{font-size:.65rem;font-weight:700;text-transform:uppercase;color:#856404;background:#fff3cd;border:1px solid #ffc107;padding:.2rem .7rem;border-radius:3px;white-space:nowrap;pointer-events:none}body.modal-open{overflow:hidden}.modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal-body{background:#fff;border-radius:6px;padding:1.5rem;max-width:600px;width:90%;box-shadow:0 8px 32px #00000026}.modal-body h3{margin-bottom:1rem;font-size:1rem;font-weight:700}.modal-body textarea{width:100%;height:220px;font-family:monospace;font-size:.85rem;border:1px solid #F0F0F0;border-radius:5px;padding:.8rem;resize:vertical;color:#2d2d2d}.modal-body .btn-row{display:flex;gap:.5rem;margin-top:.8rem;justify-content:flex-end}.modal-form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.modal-form label{font-size:.85rem;font-weight:600;color:#666572}.modal-form input,.modal-form select{font-family:Montserrat,sans-serif;padding:.4rem .6rem;border:1px solid #F0F0F0;border-radius:5px;font-size:.85rem;color:#2d2d2d;background:#fff}.modal-form input:focus,.modal-form select:focus{outline:none;border-color:#f10358;box-shadow:0 0 0 2px #f103581a}.status-text{font-family:monospace;font-size:.85rem;background:#f6f6f6;border:1px solid #F0F0F0;border-radius:5px;padding:1rem;margin:0;max-height:400px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.login-page{background:radial-gradient(94% 58.3% at 50.3% 82.6%,#2a2541,#111013);display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{background:#fff;border-radius:6px;box-shadow:0 8px 32px #0000004d;padding:3rem 2.5rem;max-width:400px;width:90%;text-align:center}.login-brand{font-size:2rem;font-weight:700;letter-spacing:-2px;margin:0 0 1rem}.login-subtitle{font-size:.9rem;color:#666572;margin:0 0 2rem;line-height:1.5}.login-btn{display:inline-block;font-size:14px;padding:12px 32px;text-decoration:none}.login-error{font-size:.85rem;color:#f10358;margin:0}.login-page>.statusbar{position:fixed;bottom:0;left:0;right:0}.navbar-right{display:flex;align-items:center;gap:.75rem}.navbar-user{font-size:.75rem;color:#fff9;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-role{display:inline-block;padding:.1rem .4rem;border-radius:3px;font-size:.6rem;font-weight:700;text-transform:uppercase;vertical-align:middle;background:#ffffff26;color:#ffffffb3}.navbar-role.role-superuser{background:#f10358;color:#fff}.navbar-role.role-admin{background:#e67e22;color:#fff}.statusbar{position:fixed;bottom:0;left:0;right:0;background:#000;color:#fff9;font-size:.75rem;font-weight:500;padding:.3rem 2rem;display:flex;justify-content:space-between}.statusbar .brand-ela{color:#fff9}.statusbar .brand-connect{color:#f10358}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:6px;margin-left:auto}.hamburger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;margin:4px 0;transition:transform .2s,opacity .2s}.hamburger.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.menu-backdrop{position:fixed;inset:0;background:#0006;z-index:40}.site-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.site-card{display:block;background:#fff;border:1px solid #F0F0F0;border-radius:6px;padding:1.25rem;text-decoration:none;color:inherit;transition:box-shadow .15s,border-color .15s}.site-card:hover{border-color:#f10358;box-shadow:0 2px 8px #f103581a}.site-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.site-card-header h3{font-size:1rem;font-weight:700;margin:0}.site-card-desc{font-size:.85rem;color:#666572;margin:0 0 .75rem;line-height:1.4}.site-card-stats{font-size:.8rem;color:#666572}.iface-form-row1{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.iface-form-row1 select{flex:1}.iface-form-row2{display:flex;align-items:center}@media(min-width:769px)and (max-width:999px){.container{padding-left:.75rem;padding-right:.75rem}.card{padding:1rem}.table-wrap table{min-width:600px}.navbar,.tab{padding:8px 12px}.navbar-user{max-width:140px}}@media(max-width:768px){.hamburger{display:block}.navbar{padding:6px 10px}.brand{font-size:1rem}.navbar-right{display:none;position:absolute;top:50px;left:0;right:0;background:#000;flex-direction:column;align-items:stretch;padding:.5rem 1rem 1rem;gap:.4rem;z-index:51;box-shadow:0 4px 12px #0000004d}.navbar-right.open{display:flex}.tabs{flex-direction:column;gap:.3rem;margin-right:0}.tab{padding:10px 12px;font-size:11px;text-align:left;width:100%;border-radius:4px}.navbar-user{display:block;font-size:.75rem;max-width:none;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.container{padding:calc(50px + .75rem) .5rem 2rem}.card{padding:.75rem}.section-title{flex-wrap:wrap;gap:.5rem}.section-title h2{font-size:.95rem}.peers-header{flex-wrap:wrap;gap:.4rem}.peers-header h2{font-size:.95rem}.table-wrap{overflow-x:visible}.table-wrap table{min-width:0}table{font-size:.85rem}thead{display:none}tbody tr{display:block;border:1px solid #F0F0F0;border-radius:6px;margin-bottom:.75rem;padding:.5rem 0;background:#fff}tbody td{display:flex;justify-content:space-between;align-items:center;padding:.35rem .75rem;border-bottom:none;text-align:right}tbody td:before{content:attr(data-label);font-weight:600;font-size:.75rem;color:#666572;text-transform:uppercase;text-align:left;margin-right:1rem;flex-shrink:0}tbody td[data-label=""]:before{display:none}tbody td[data-label=""]{justify-content:flex-end;flex-wrap:wrap;gap:.3rem;padding-top:.5rem;border-top:1px solid #F0F0F0}tbody td[data-label=""] .btn-peers{margin-right:auto}.btn-sm{padding:5px 8px;font-size:10px}.form-row{flex-direction:column}.form-row input{min-width:0;width:100%;flex:none}.form-row select{width:100%}.ip-group{display:flex;flex-wrap:wrap;width:100%;gap:2px}.ip-group select{flex:1;min-width:40px}.iface-form-row1{flex-direction:column}.iface-form-row1 select{width:100%}.modal-body{width:95%;max-width:none;max-height:90vh;overflow-y:auto;padding:1rem}.modal-body textarea{height:160px;font-size:.75rem}.modal-body .btn-row{flex-wrap:wrap;justify-content:stretch}.modal-body .btn-row .btn{flex:1;text-align:center}.status-text{max-height:250px;font-size:.75rem;padding:.6rem}.statusbar{padding:.3rem .75rem;font-size:.65rem}.login-card{padding:2rem 1.5rem}.login-brand{font-size:1.6rem}.login-subtitle{font-size:.8rem;margin-bottom:1.5rem}.login-btn{font-size:12px;padding:10px 24px}.restricted-indicator{font-size:.55rem;padding:.15rem .5rem}.site-cards{grid-template-columns:1fr}.peer-device-details{grid-template-columns:1fr 1fr}}