*{box-sizing:border-box;margin:0;padding:0}body{background:#0f1117;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#1a1d27}::-webkit-scrollbar-thumb{background:#3a3f5c;border-radius:3px}.app{display:flex;min-height:100vh}.sidebar{background:#13151f;border-right:1px solid #1e2235;bottom:0;display:flex;flex-direction:column;left:0;min-width:240px;position:fixed;top:0;width:240px;z-index:100}.sidebar-logo{border-bottom:1px solid #1e2235;padding:20px 20px 16px}.logo-mark{gap:10px}.logo-icon,.logo-mark{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#47061e,#7a1035);border-radius:8px;height:36px;justify-content:center;width:36px}.logo-text{color:#f1f5f9;font-size:19px;font-weight:700}.logo-sub{color:#64748b;font-size:14px;letter-spacing:.5px;margin-top:1px;text-transform:uppercase}.sidebar-nav{flex:1 1;overflow-y:auto;padding:12px 0}.nav-section{color:#475569;font-size:14px;letter-spacing:.8px;padding:10px 16px 4px;text-transform:uppercase}.nav-item{align-items:center;border-left:3px solid #0000;color:#94a3b8;cursor:pointer;display:flex;font-size:17.5px;gap:10px;margin:1px 0;padding:9px 16px;transition:all .15s}.nav-item:hover{background:#1a1d2e;color:#e2e8f0}.nav-item.active{background:#1e2236;border-left-color:#47061e;color:#d44d6e}.sidebar-footer{border-top:1px solid #1e2235;padding:12px}.status-pill{align-items:center;background:#1a1d2e;border-radius:8px;color:#64748b;display:flex;font-size:16px;gap:8px;padding:8px 10px}.dot{border-radius:50%;height:7px;width:7px}.dot.green{background:#22c55e;box-shadow:0 0 6px #22c55e}.dot.red{background:#ef4444;box-shadow:0 0 6px #ef4444}.dot.amber{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.main{display:flex;flex:1 1;flex-direction:column;margin-left:240px}.topbar{background:#13151f;border-bottom:1px solid #1e2235;height:56px;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:12px}.page-title{color:#f1f5f9;font-size:20px;font-weight:600}.page-sub{color:#475569;font-size:16px}.topbar-right{align-items:center;display:flex;gap:10px}.btn{align-items:center;border:none;border-radius:7px;cursor:pointer;display:inline-flex;font-size:17px;font-weight:500;gap:6px;padding:7px 14px;transition:all .15s}.btn-primary{background:#47061e;color:#fff}.btn-primary:hover{background:#3a0518}.btn-secondary{background:#1e2235;border:1px solid #2a2f4a;color:#94a3b8}.btn-secondary:hover{background:#252a40;color:#e2e8f0}.btn-danger{background:#7f1d1d;border:1px solid #991b1b;color:#fca5a5}.btn-danger:hover{background:#991b1b}.btn-sm{font-size:16px;padding:5px 10px}.btn-xs{font-size:15px;padding:3px 8px}.avatar{align-items:center;background:linear-gradient(135deg,#47061e,#8b1535);border-radius:50%;color:#fff;display:flex;font-size:17px;font-weight:700;height:32px;justify-content:center;width:32px}.content{flex:1 1;padding:24px}.card{background:#13151f;border:1px solid #1e2235;border-radius:12px;overflow:hidden}.card-header{align-items:center;border-bottom:1px solid #1e2235;display:flex;justify-content:space-between;padding:16px 20px}.card-title{color:#f1f5f9;font-size:18px;font-weight:600}.card-sub{color:#475569;font-size:16px;margin-top:2px}.card-body{padding:20px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card{background:#13151f;border:1px solid #1e2235;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:18px 20px}.stat-header{align-items:center;display:flex;justify-content:space-between}.stat-label{color:#64748b;font-size:16px;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#f1f5f9;font-size:32px;font-weight:700}.stat-change{font-size:16px}.stat-change.up{color:#22c55e}.stat-change.down{color:#ef4444}.stat-icon{align-items:center;border-radius:8px;display:flex;height:36px;justify-content:center;width:36px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-size:17px;width:100%}thead th{background:#0f1117;border-bottom:1px solid #1e2235;color:#475569;font-size:15px;font-weight:600;letter-spacing:.6px;padding:10px 16px;text-align:left;text-transform:uppercase}tbody tr{border-bottom:1px solid #1a1d27;transition:background .1s}tbody tr:hover{background:#1a1d2e}tbody td{color:#cbd5e1;padding:11px 16px;vertical-align:middle}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:15px;font-weight:500;gap:4px;padding:2px 8px}.badge-green{background:#14532d33;border:1px solid #15803d44;color:#4ade80}.badge-red{background:#7f1d1d33;border:1px solid #991b1b44;color:#f87171}.badge-amber{background:#78350f33;border:1px solid #b4530044;color:#fbbf24}.badge-blue{background:#1e3a5f33;border:1px solid #1d4ed844;color:#60a5fa}.badge-purple{background:#3b076455;border:1px solid #6b21a844;color:#c084fc}.badge-gray{background:#1e293b;border:1px solid #334155;color:#64748b}.grid-2{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.grid-3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.mb-20{margin-bottom:20px}.mb-16{margin-bottom:16px}.mb-12{margin-bottom:12px}.mt-16{margin-top:16px}.topology{gap:0;justify-content:space-between;padding:24px}.topo-node,.topology{align-items:center;display:flex}.topo-node{flex:0 0 auto;flex-direction:column;gap:8px}.topo-icon{align-items:center;border-radius:12px;display:flex;height:56px;justify-content:center;position:relative;width:56px}.topo-label{color:#64748b;font-size:15px;max-width:80px;text-align:center}.topo-name{color:#e2e8f0;font-size:16px;font-weight:600;text-align:center}.topo-arrow{align-items:center;display:flex;flex:1 1;justify-content:center;padding:0 4px;position:relative}.topo-line{background:linear-gradient(90deg,#47061e44,#7a103544);height:2px;position:relative;width:100%}.topo-line:after{border:5px solid #0000;border-left-color:#7a1035;content:"";position:absolute;right:-1px;top:-4px}.topo-line-label{color:#475569;font-size:14px;left:50%;position:absolute;top:-18px;transform:translateX(-50%);white-space:nowrap}.platform-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.platform-tile{align-items:center;background:#0f1117;border:1px solid #1e2235;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all .15s}.platform-tile:hover{background:#13162a;border-color:#47061e55}.platform-tile.connected{border-color:#22c55e33}.platform-logo{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:19px;font-weight:800;height:36px;justify-content:center;width:36px}.platform-info{flex:1 1;min-width:0}.platform-name{color:#e2e8f0;font-size:17px;font-weight:600}.platform-type{color:#475569;font-size:15px}.platform-numbers{color:#64748b;font-size:15px;margin-top:2px}.search-bar{align-items:center;background:#0f1117;border:1px solid #1e2235;border-radius:8px;display:flex;flex:1 1;gap:10px;max-width:360px;padding:8px 14px}.search-bar input{background:none;border:none;color:#e2e8f0;flex:1 1;font-size:17px;outline:none}.search-bar input::placeholder{color:#475569}.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.select-input{background:#0f1117;border:1px solid #1e2235;border-radius:7px;color:#94a3b8;cursor:pointer;font-size:17px;outline:none;padding:7px 12px}.select-input:hover{border-color:#47061e55}.modal-overlay{align-items:center;background:#00000088;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:200}.modal{background:#13151f;border:1px solid #1e2235;border-radius:16px;max-height:90vh;max-width:100%;overflow-y:auto;width:520px}.modal-header{align-items:center;border-bottom:1px solid #1e2235;display:flex;justify-content:space-between;padding:20px 24px 16px}.modal-title{color:#f1f5f9;font-size:20px;font-weight:600}.modal-body{padding:24px}.modal-footer{border-top:1px solid #1e2235;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.form-group{margin-bottom:16px}.form-label{color:#94a3b8;display:block;font-size:16px;font-weight:500;margin-bottom:6px}.form-input{background:#0f1117;border:1px solid #1e2235;border-radius:8px;color:#e2e8f0;font-size:17px;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.form-input:focus{border-color:#47061e}.form-input::placeholder{color:#334155}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-hint{color:#475569;font-size:15px;margin-top:4px}.alert{align-items:flex-start;border-radius:9px;display:flex;font-size:17px;gap:12px;margin-bottom:16px;padding:12px 16px}.alert-warn{background:#78350f22;border:1px solid #b4530033;color:#fbbf24}.alert-info{background:#1e3a5f22;border:1px solid #1d4ed833;color:#60a5fa}.alert-success{background:#14532d22;border:1px solid #15803d33;color:#4ade80}.sbc-metric{background:#0f1117;border:1px solid #1e2235;border-radius:9px;display:flex;flex-direction:column;gap:4px;padding:14px}.sbc-metric-label{color:#475569;font-size:15px}.sbc-metric-value{color:#f1f5f9;font-size:24px;font-weight:700}.sbc-metric-sub{color:#64748b;font-size:15px}.sbc-metrics-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.progress-bar{background:#1e2235;border-radius:3px;height:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .3s}.tabs{border-bottom:1px solid #1e2235;display:flex;gap:0;margin-bottom:20px}.tab{border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-size:17px;padding:10px 16px;transition:all .15s}.tab:hover{color:#94a3b8}.tab.active{border-bottom-color:#47061e;color:#d44d6e}.trunk-row{align-items:center;border-bottom:1px solid #1a1d27;display:flex;justify-content:space-between;padding:12px 0}.trunk-row:last-child{border-bottom:none}.call-direction{align-items:center;display:flex;font-size:16px;gap:4px}.call-in{color:#4ade80}.call-out{color:#60a5fa}.tooltip-wrap{display:inline-flex;position:relative}.tooltip{background:#1e2235;border:1px solid #2a2f4a;border-radius:5px;bottom:calc(100% + 6px);color:#e2e8f0;font-size:15px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .15s;white-space:nowrap;z-index:300}.tooltip-wrap:hover .tooltip{opacity:1}.notif-badge{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:13px;font-weight:700;height:14px;justify-content:center;position:absolute;right:-4px;top:-4px;width:14px}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.text-sm{font-size:17px}.text-xs{font-size:15px}.text-muted{color:#64748b}.text-white{color:#f1f5f9}.font-mono{font-family:Fira Code,Consolas,monospace}.divider{height:1px;margin:16px 0}.divider,.tag{background:#1e2235}.tag{align-items:center;border-radius:4px;color:#94a3b8;display:inline-flex;font-family:Consolas,monospace;font-size:15px;gap:4px;padding:1px 6px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hamburger-btn{align-items:center;background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:none;flex-shrink:0;justify-content:center;padding:6px}.hamburger-btn:hover{background:#1e2235;color:#e2e8f0}.sidebar-backdrop{background:#00000077;display:none;inset:0;position:fixed;z-index:250}@media (max-width:1100px){.platform-grid,.sbc-metrics-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.grid-2{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{min-width:260px;transform:translateX(-100%);transition:transform .25s ease;width:260px;z-index:300}.sidebar.mobile-open{box-shadow:6px 0 32px #0009;transform:translateX(0)}.sidebar-backdrop{display:block}.main{margin-left:0}.topbar{padding:0 12px}.page-title{font-size:16px}.page-sub,.topbar-help,.topbar-refresh{display:none}.hamburger-btn{display:flex}.content{padding:12px}.stats-grid{gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:14px}.stat-value{font-size:24px}.stat-label{font-size:11px}.form-row,.grid-2,.grid-3,.platform-grid{grid-template-columns:1fr}.sbc-metrics-grid{grid-template-columns:repeat(2,1fr)}.card-header{flex-wrap:wrap;gap:8px}.card-title{font-size:15px}thead th{font-size:11px;padding:8px 10px}tbody td{font-size:13px;padding:8px 10px}.topology{align-items:flex-start;flex-direction:column;gap:16px;padding:16px}.topo-arrow{display:none}.topo-node{flex-direction:row;gap:12px}.topo-label{max-width:none}.topo-label,.topo-name{text-align:left}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:16px 16px 0 0;max-height:92vh;max-width:100%;width:100%}.filter-row{gap:8px}.search-bar{max-width:100%}.tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab{font-size:14px;padding:10px 12px;white-space:nowrap}.mb-20{margin-bottom:14px}.gap-16{gap:10px}}@media (max-width:420px){.stats-grid{grid-template-columns:1fr}.stat-value{font-size:28px}.card-header{padding:12px 14px}.content{padding:10px}.topbar{padding:0 10px}}
/*# sourceMappingURL=main.e65b09de.css.map*/