.gauge-card{background:#000;border:2px solid #333;border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 8px #0000004d;transition:all .3s ease}.gauge-card:hover{border-color:#1e90ff;box-shadow:0 4px 16px #1e90ff4d;transform:translateY(-2px)}.gauge-card h3{color:#1e90ff;font-size:1rem;margin-bottom:1rem;text-align:center}.gauge-canvas{width:200px;height:200px}.gauge-value{font-size:2rem;font-weight:700;color:#fff;margin-top:-1.5rem}.gauge-unit{font-size:1rem;color:#999;margin-left:.25rem}.gauge-max{color:#666;font-size:.9rem;margin-top:.25rem}.metrics-grid{display:flex;flex-direction:column;gap:1.5rem}.metric-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.chart-row{display:grid;gap:1.5rem}.chart-card{background:#000;border:2px solid #1e90ff;border-radius:8px;padding:1.5rem;box-shadow:0 4px 12px #0000004d}.chart-card h3{color:#1e90ff;margin-bottom:1rem;font-size:1.2rem}.chart-container{height:300px}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.stat-card{background:#000;border:2px solid #333;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000004d;transition:all .3s ease}.stat-card:hover{border-color:#1e90ff;box-shadow:0 4px 16px #1e90ff33}.stat-card h4{color:#1e90ff;margin-bottom:1rem;font-size:1.1rem;border-bottom:1px solid #333;padding-bottom:.5rem}.stat-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #1a1a1a;color:#e0e0e0}.stat-item:last-child{border-bottom:none}.stat-item span:first-child{color:#999}.stat-item span:last-child{font-weight:600;color:#fff}.stat-item .success{color:#0f0}.stat-item .error{color:red}.agent-monitor{display:flex;flex-direction:column;gap:2rem}.agent-controls{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.control-panel,.status-panel{background:#000;border:2px solid #1e90ff;border-radius:8px;padding:1.5rem;box-shadow:0 4px 12px #0000004d}.control-panel h3,.status-panel h3{color:#1e90ff;margin-bottom:1rem;font-size:1.2rem}.control-row{display:flex;gap:1rem;align-items:center}.control-row label{color:#e0e0e0;font-weight:600}.control-row input[type=number]{background:#1a1a1a;border:2px solid #333;color:#e0e0e0;padding:.5rem;border-radius:4px;width:80px;font-size:1rem}.btn-start,.btn-stop{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem}.btn-start{background:#0f0;color:#000}.btn-start:hover:not(:disabled){background:#0c0;box-shadow:0 0 15px #00ff0080}.btn-stop{background:red;color:#fff}.btn-stop:hover:not(:disabled){background:#c00;box-shadow:0 0 15px #ff000080}.btn-start:disabled,.btn-stop:disabled{opacity:.3;cursor:not-allowed}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.status-item{display:flex;justify-content:space-between;padding:.75rem;background:#1a1a1a;border-radius:4px}.status-item span:first-child{color:#999}.status-item span:last-child{font-weight:700;color:#fff}.status-on{color:#0f0!important}.status-off{color:red!important}.jobs-table{background:#000;border:2px solid #333;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000004d}.jobs-table h3{color:#1e90ff;margin-bottom:1rem;font-size:1.2rem}.jobs-table table{width:100%;border-collapse:collapse}.jobs-table th{background:#1a1a1a;color:#1e90ff;padding:.75rem;text-align:left;border-bottom:2px solid #333;font-weight:600}.jobs-table td{padding:.75rem;border-bottom:1px solid #1a1a1a;color:#e0e0e0}.jobs-table tr:hover{background:#0a0a0a}.mono{font-family:Courier New,monospace;font-size:.9rem}.status-badge{padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:600}.status-pending{background:#ff9500;color:#000}.status-running{background:#1e90ff;color:#000}.status-completed{background:#0f0;color:#000}.status-failed{background:red;color:#fff}.progress-bar{width:100px;height:8px;background:#1a1a1a;border-radius:4px;overflow:hidden;display:inline-block;margin-right:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#1e90ff,#0f0);transition:width .3s ease}.progress-text{font-size:.85rem;color:#999}.operator-matrix{display:flex;flex-direction:column;gap:2rem}.matrix-header{background:#000;border:2px solid #1e90ff;border-radius:8px;padding:1.5rem;box-shadow:0 4px 12px #0000004d}.matrix-header h3{color:#1e90ff;font-size:1.4rem;margin-bottom:.5rem}.matrix-header p{color:#999;font-size:.95rem}.matrix-grid{background:#000;border:2px solid #333;border-radius:8px;padding:1.5rem;overflow-x:auto;box-shadow:0 2px 8px #0000004d}.matrix-table{width:100%;border-collapse:collapse;min-width:600px}.matrix-table th{background:#1a1a1a;color:#1e90ff;padding:.75rem;font-weight:600;border:1px solid #333}.corner-cell{background:#0a0a0a!important}.row-header{background:#1a1a1a!important;text-align:left!important;color:#1e90ff!important}.matrix-cell{padding:.75rem;text-align:center;border:1px solid #333;color:#fff;font-weight:600;transition:all .2s ease}.matrix-cell:hover{border-color:#1e90ff;transform:scale(1.05);z-index:10;position:relative}.operators-list{background:#000;border:2px solid #333;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000004d}.operators-list h3{color:#1e90ff;margin-bottom:1rem;font-size:1.2rem}.operators-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.operator-card{background:#1a1a1a;border:2px solid #333;border-radius:6px;padding:1rem;transition:all .2s ease}.operator-card:hover{border-color:#1e90ff;box-shadow:0 0 15px #1e90ff4d}.operator-name{color:#fff;font-weight:700;font-size:1.1rem;margin-bottom:.5rem}.operator-stats{display:flex;gap:1rem;color:#999;font-size:.9rem}.live-traffic{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.traffic-section{background:#000;border:2px solid #333;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000004d;max-height:800px;overflow-y:auto}.traffic-section h3{color:#1e90ff;margin-bottom:1rem;font-size:1.2rem;position:sticky;top:0;background:#000;padding-bottom:.5rem;border-bottom:2px solid #333}.trace-list,.sip-list{display:flex;flex-direction:column;gap:.75rem}.trace-item{background:#1a1a1a;border-left:4px solid #1e90ff;border-radius:4px;padding:1rem;transition:all .2s ease}.trace-item:hover{background:#2a2a2a;border-left-color:#0f0}.trace-item.trace-inbound{border-left-color:#0f0}.trace-item.trace-outbound{border-left-color:#ff9500}.trace-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.trace-time{color:#999;font-size:.9rem}.trace-result{padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:600}.trace-result.trace-ALLOW{background:#0f0;color:#000}.trace-result.trace-BLOCK{background:red;color:#fff}.trace-details{display:flex;gap:1.5rem;color:#e0e0e0;font-size:.9rem}.sip-item{background:#1a1a1a;border-left:4px solid #ff00ff;border-radius:4px;padding:1rem;transition:all .2s ease}.sip-item:hover{background:#2a2a2a}.sip-header{display:flex;gap:1rem;align-items:center;margin-bottom:.5rem}.sip-method{background:#1e90ff;color:#000;padding:.25rem .75rem;border-radius:4px;font-weight:600;font-size:.85rem}.sip-code{color:#0f0;font-weight:700}.sip-time{color:#999;font-size:.9rem;margin-left:auto}.sip-callid{color:#999;font-size:.85rem;font-family:Courier New,monospace}.system-controls{display:flex;flex-direction:column;gap:2rem}.control-section{background:#000;border:2px solid #1e90ff;border-radius:8px;padding:1.5rem;box-shadow:0 4px 12px #0000004d}.control-section h3{color:#1e90ff;margin-bottom:1rem;font-size:1.2rem}.profile-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.profile-item{display:flex;justify-content:space-between;padding:1rem;background:#1a1a1a;border-radius:6px;border:2px solid #333}.profile-item span:first-child{color:#999;font-weight:600}.profile-value{color:#1e90ff;font-weight:700;text-transform:uppercase}.enabled{color:#0f0!important;font-weight:700}.disabled{color:red!important;font-weight:700}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.service-card{background:#1a1a1a;border:2px solid #333;border-radius:6px;padding:1rem;transition:all .2s ease}.service-card:hover{border-color:#1e90ff;box-shadow:0 0 15px #1e90ff4d}.service-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.service-name{color:#fff;font-weight:700;font-size:1.05rem}.service-status{padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:600}.service-status.status-running{background:#0f0;color:#000}.service-status.status-stopped{background:red;color:#fff}.service-details{display:flex;gap:1.5rem;color:#999;font-size:.9rem}.dashboard{padding:2rem}.nav-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:#000;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #0006;align-items:center}.nav-tab{background:#1a1a1a;border:2px solid #333;color:#e0e0e0;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.nav-tab:hover{background:#2a2a2a;border-color:#1e90ff}.nav-tab.active{background:#1e90ff;color:#000;border-color:#1e90ff;box-shadow:0 0 15px #1e90ff80}.nav-icon{font-size:1.2rem}.refresh-control{margin-left:auto;display:flex;align-items:center;gap:.5rem;color:#e0e0e0;font-size:.9rem}.refresh-control select{background:#1a1a1a;border:2px solid #333;color:#e0e0e0;padding:.5rem;border-radius:4px;cursor:pointer;font-size:.9rem}.refresh-control select:hover{border-color:#1e90ff}.dashboard-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#e0e0e0}.app{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.header{background:#000;border-bottom:2px solid #1e90ff;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px #0000004d}.header h1{font-size:1.8rem;font-weight:700;color:#fff;letter-spacing:-.5px}.health-indicators{display:flex;gap:1rem}.health-badge{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;transition:all .3s ease}.health-badge.healthy{background:#0f0;color:#000;box-shadow:0 0 10px #00ff0080}.health-badge.unhealthy{background:red;color:#fff;box-shadow:0 0 10px #ff000080}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#000}.spinner{width:50px;height:50px;border:4px solid #333;border-top-color:#1e90ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading p{margin-top:1rem;color:#1e90ff;font-size:1rem}