@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-dark: #020617;--bg-panel: rgba(15, 23, 42, .6);--accent-blue: #38bdf8;--accent-purple: #818cf8;--accent-cyan: #22d3ee;--accent-orange: #fb923c;--accent-red: #f87171;--neon-green: #22c55e;--neon-cyan: #00fff2;--neon-red: #ef4444;--neon-orange: #f97316;--glass-border: rgba(255, 255, 255, .08);--text-primary: #f8fafc;--text-secondary: #94a3b8;--card-blur: 16px}body{margin:0;padding:0;background:var(--bg-dark);background-image:radial-gradient(at 0% 0%,rgba(56,189,248,.08) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(129,140,248,.08) 0px,transparent 50%);color:var(--text-primary);font-family:Outfit,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.ultimate-noc{display:flex;flex-direction:column;padding:1.5rem;max-width:1600px;margin:0 auto;gap:1.5rem}.noc-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.brand-wrap{display:flex;align-items:center;gap:1rem}.brand-icon-box{width:42px;height:42px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #38bdf84d}.brand-name{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.brand-name span{background:linear-gradient(to right,var(--accent-blue),var(--accent-purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header-actions{display:flex;gap:1rem}.glass-btn{background:var(--bg-panel);border:1px solid var(--glass-border);color:#fff;padding:.6rem 1.2rem;border-radius:10px;-webkit-backdrop-filter:blur(var(--card-blur));backdrop-filter:blur(var(--card-blur));cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500;transition:all .3s}.glass-btn:hover{background:rgba(255,255,255,.08);border-color:var(--accent-blue);transform:translateY(-2px)}.command-center{background:var(--bg-panel);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--card-blur));backdrop-filter:blur(var(--card-blur));border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.filter-row{display:flex;flex-wrap:wrap;gap:1.5rem}.control-field{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:140px}.control-field.search{min-width:300px;flex:2}.control-field label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.noc-input,.noc-select{background:rgba(0,0,0,.2);border:1px solid var(--glass-border);color:#fff;padding:.75rem 1rem;border-radius:12px;outline:none;font-family:inherit;font-size:.9rem;transition:all .3s}.noc-input:focus,.noc-select:focus{border-color:var(--accent-blue);box-shadow:0 0 10px #38bdf81a}.toggle-group{display:flex;background:rgba(0,0,0,.2);padding:4px;border-radius:10px;border:1px solid var(--glass-border)}.toggle-btn{padding:.5rem 1rem;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s}.toggle-btn.active{background:var(--accent-blue);color:#020617;box-shadow:0 4px 12px #38bdf84d}.data-station{background:var(--bg-panel);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--card-blur));backdrop-filter:blur(var(--card-blur));border-radius:20px;overflow:hidden}.station-header{padding:1.5rem;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.station-title{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600}.noc-table{width:100%;border-collapse:collapse}.noc-table th{text-align:left;padding:1rem 1.5rem;font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:rgba(255,255,255,.02)}.noc-table tr{border-bottom:1px solid var(--glass-border);transition:background .2s}.noc-table tr:hover{background:rgba(255,255,255,.03)}.noc-table td{padding:1.25rem 1.5rem}.status-pill{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:6px}.status-pill.online{background:rgba(34,197,94,.1);color:var(--neon-green);border:1px solid rgba(34,197,94,.2)}.status-pill.offline{background:rgba(148,163,184,.1);color:var(--text-secondary);border:1px solid rgba(148,163,184,.2)}.status-pill.down,.status-pill.los,.status-pill.power-offline{background:#ef4444;color:#fff;border:none;box-shadow:0 0 12px #ef444466}.signal-wrap{display:flex;flex-direction:column;gap:6px}.bar-comp{height:4px;width:60px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}.bar-fill{height:100%;background:var(--accent-blue);border-radius:2px}.id-badge{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--accent-blue);background:rgba(56,189,248,.1);padding:2px 6px;border-radius:4px}.pulse{width:8px;height:8px;border-radius:50%;box-shadow:0 0 10px var(--neon-green);animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.pagination-wrap{display:flex;align-items:center;gap:.5rem}.page-num{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--glass-border);cursor:pointer;font-size:.85rem}.page-num.active{background:var(--accent-blue);color:#020617;border-color:var(--accent-blue)}.customer-main{font-weight:600;font-size:.95rem;margin-bottom:2px}.customer-sub{color:var(--text-secondary);font-size:.75rem}.action-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:all .3s}.action-btn:hover{background:var(--accent-blue);color:#020617;border-color:var(--accent-blue)}.olt-config-panel{display:flex;flex-direction:column;gap:1.5rem}.olt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;padding:1.5rem}.olt-card{background:rgba(255,255,255,.03);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s}.olt-card:hover{border-color:var(--accent-blue);background:rgba(56,189,248,.05)}.olt-card-header{display:flex;justify-content:space-between;align-items:center}.olt-id{font-family:JetBrains Mono,monospace;font-weight:700;color:var(--accent-blue);font-size:1.2rem}.olt-actions{display:flex;gap:.5rem}.olt-actions button{background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary);padding:4px 10px;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .2s}.olt-actions button:hover{border-color:var(--accent-blue);color:#fff}.olt-actions button.delete:hover{border-color:var(--neon-red);background:var(--neon-red)}.olt-info{display:flex;flex-direction:column;gap:.5rem}.info-row{font-size:.9rem;display:flex;justify-content:space-between}.info-row span{color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-dark);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;width:100%;max-width:500px;box-shadow:0 20px 50px #00000080}.modal-content h3{margin:0 0 1.5rem;font-size:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label{font-size:.8rem;color:var(--text-secondary);font-weight:600}.form-group input,.form-group textarea{background:rgba(255,255,255,.05);border:1px solid var(--glass-border);color:#fff;padding:.8rem;border-radius:10px;outline:none}.form-group input:focus{border-color:var(--accent-blue)}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.modal-actions button{padding:.8rem 1.5rem;border-radius:10px;cursor:pointer;font-weight:600;border:1px solid var(--glass-border);background:transparent;color:#fff}.modal-actions button.primary{background:var(--accent-blue);color:#020617;border:none}.glass-btn.active{background:var(--accent-blue);color:#020617;border-color:var(--accent-blue)}.glass-btn.primary{background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border:none}.model-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:6px;font-size:.75rem;font-weight:700;font-family:JetBrains Mono,monospace;letter-spacing:.05em;border:1px solid;box-shadow:0 0 12px}.model-badge.model-c320{background:rgba(34,197,94,.1);color:#22c55e;border-color:#22c55e4d;box-shadow:0 0 12px #22c55e33}.model-badge.model-c300{background:rgba(56,189,248,.1);color:#38bdf8;border-color:#38bdf84d;box-shadow:0 0 12px #38bdf833}.model-badge.model-c600{background:rgba(129,140,248,.1);color:#818cf8;border-color:#818cf84d;box-shadow:0 0 12px #818cf833}.model-badge.model-c650{background:rgba(249,115,22,.1);color:#f97316;border-color:#f973164d;box-shadow:0 0 12px #f9731633}@media (max-width: 768px){.ultimate-noc{padding:1rem;width:100%;box-sizing:border-box}.noc-header{flex-direction:column;gap:1.5rem;padding-bottom:0}.brand-wrap{width:100%;justify-content:center;margin-bottom:.5rem}.brand-name{font-size:1.25rem}.header-actions{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.header-actions .glass-btn{justify-content:center;padding:.6rem;font-size:.85rem}.header-actions .glass-btn span{display:block}.command-center{padding:1rem;gap:1rem}.filter-row{gap:1rem;flex-direction:column}.control-field,.control-field.search{width:100%;min-width:0}.noc-input,.noc-select{font-size:16px;padding:.8rem}.station-header{flex-direction:column;padding:1rem;gap:1rem;align-items:flex-start}.station-title{font-size:1rem}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem;border-radius:12px;border:1px solid var(--glass-border)}.noc-table{min-width:800px}.noc-table th,.noc-table td{padding:.75rem 1rem;white-space:nowrap}.pagination-wrap{width:100%;justify-content:center;flex-wrap:wrap;padding:1rem}.olt-grid{grid-template-columns:1fr;padding:1rem}.modal-content{width:90%;padding:1.5rem;max-height:90vh;overflow-y:auto}}@media (max-width: 768px){.noc-table{display:block;min-width:0}.noc-table thead{display:none}.noc-table tbody{display:block}.noc-table tr{display:block;background:var(--bg-panel);border:1px solid var(--glass-border);border-radius:16px;margin-bottom:1rem;padding:1rem;position:relative}.noc-table td{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05);text-align:right}.noc-table td:last-child{border-bottom:none;padding-top:1rem;justify-content:flex-end;gap:.5rem}.noc-table td:nth-of-type(1):before{content:"OLT Device";font-weight:600;color:var(--text-secondary)}.noc-table td:nth-of-type(2):before{content:"Subscriber";font-weight:600;color:var(--text-secondary)}.noc-table td:nth-of-type(3):before{content:"Serial Number";font-weight:600;color:var(--text-secondary)}.noc-table td:nth-of-type(4):before{content:"Model";font-weight:600;color:var(--text-secondary)}.noc-table td:nth-of-type(5):before{content:"IP Address";font-weight:600;color:var(--text-secondary)}.noc-table td:nth-of-type(6):before{content:"Signal";font-weight:600;color:var(--text-secondary)}.noc-table td:nth-of-type(7):before{content:"RX Power";font-weight:600;color:var(--text-secondary)}.noc-table td:nth-of-type(8):before{content:"Status";font-weight:600;color:var(--text-secondary)}.noc-table td:nth-of-type(9):before{content:"Actions";font-weight:600;color:var(--text-secondary);display:none}.signal-wrap{width:100px}.status-pill{font-size:.85rem}}