@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}:root{--bg-dark: #d1d5db;--bg-panel: #ffffff;--bg-card: #ffffff;--bg-modal: #ffffff;--bg-input: #ffffff;--bg-hover: #f8fafc;--bg-thead: #f1f5f9;--accent-blue: #2563eb;--accent-red: #dc2626;--accent-orange: #ea580c;--accent-purple: #8b5cf6;--neon-green: #22c55e;--neon-red: #ef4444;--neon-cyan: #06b6d4;--neon-purple: #a855f7;--text-primary: #111827;--text-secondary: #334155;--text-muted: #64748b;--glass-border: #e2e8f0;--glass-highlight: rgba(255, 255, 255, .8);--shadow-premium: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--card-blur: 10px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--nav-height-mobile: 65px;--kpi-bg: #f8fafc;--kpi-border: #e2e8f0;--sidebar-width: 240px;--sidebar-collapsed: 64px;--sidebar-bg: #f8fafc}[data-theme=dark]{--bg-dark: #0a0f1e;--bg-panel: #111827;--bg-card: #111827;--bg-modal: #1a1f2e;--bg-input: #1e2433;--bg-hover: rgba(255, 255, 255, .03);--bg-thead: #1a1f2e;--accent-blue: #38bdf8;--accent-red: #f87171;--accent-orange: #fb923c;--accent-purple: #a78bfa;--neon-green: #4ade80;--neon-red: #f87171;--neon-cyan: #22d3ee;--neon-purple: #c084fc;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .05);--shadow-premium: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .2);--kpi-bg: #1a1f2e;--kpi-border: rgba(255, 255, 255, .06);--sidebar-bg: #0d1321}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden;background:var(--bg-dark)}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:Outfit,sans-serif;-webkit-font-smoothing:antialiased}#root{width:100%;margin:0;padding:0}::-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;min-height:100vh;background:var(--bg-dark)}.app-layout{display:flex;height:100vh;background:var(--bg-dark)}.main-content{flex:1;overflow-y:auto;padding:.75rem 1.5rem 1.5rem;min-width:0}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100vh;position:sticky;top:0;background:var(--sidebar-bg);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:1rem .75rem;transition:width .2s ease,min-width .2s ease;z-index:100}.sidebar.collapsed{width:var(--sidebar-collapsed);min-width:var(--sidebar-collapsed)}.sidebar-logo{padding:.25rem .5rem 1.25rem;margin-bottom:.5rem;border-bottom:1px solid var(--glass-border)}.sidebar-logo img{height:32px;width:auto;object-fit:contain}.collapsed .sidebar-logo img{height:24px}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .65rem;border-radius:8px;color:var(--text-secondary);font-weight:600;font-size:.85rem;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;transition:all .15s ease;position:relative;white-space:nowrap}.sidebar-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-nav-item.active{background:rgba(56,189,248,.08);color:var(--accent-blue)}.sidebar-nav-item.active:before{content:"";position:absolute;left:-.65rem;top:25%;height:50%;width:3px;background:var(--accent-blue);border-radius:0 3px 3px 0}.sidebar-nav-badge{margin-left:auto;background:var(--neon-red);color:#fff;font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px}.collapsed .sidebar-nav-label,.collapsed .sidebar-nav-badge{display:none}.collapsed .sidebar-nav-item{justify-content:center;padding:.6rem}.sidebar-spacer{flex:1}.sidebar-footer{border-top:1px solid var(--glass-border);padding-top:.75rem;display:flex;flex-direction:column;gap:2px}.sidebar-user{display:flex;align-items:center;gap:.75rem;padding:.6rem .65rem}.avatar-circle{width:28px;height:28px;border-radius:50%;background:var(--accent-blue);color:var(--bg-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;text-transform:uppercase;flex-shrink:0}.collapsed .sidebar-user-label,.collapsed .sidebar-footer-text,.collapsed .sidebar-footer .sidebar-nav-label{display:none}.collapsed .sidebar-nav-item:active{transform:scale(.98)}.sidebar-nav-group{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:1.5rem 1rem .5rem 1.5rem;font-weight:700;opacity:.7}.sidebar.collapsed .sidebar-nav-group{display:none}.sidebar-chevron{transition:transform .2s ease}.collapsed .sidebar-chevron{transform:rotate(180deg)}.hamburger-btn{display:none;position:fixed;top:.75rem;left:.75rem;z-index:98}.hamburger-btn button{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;box-shadow:0 4px 12px #00000014}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);z-index:99;animation:fadeIn .2s ease}.sidebar-backdrop.show{display:block}.glass-btn{background:var(--glass-highlight);border:1px solid var(--glass-border);color:var(--text-primary);padding:.6rem 1.1rem;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;display:flex;align-items:center;gap:.6rem;font-weight:600;font-size:.9rem;transition:var(--transition-smooth)}.glass-btn.small{padding:.4rem .8rem;font-size:.8rem;border-radius:8px;gap:.4rem}.glass-btn:hover{background:var(--glass-border);border-color:var(--accent-blue);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 10px 20px -10px #0000000d}.glass-btn.active{background:rgba(56,189,248,.1);border-color:var(--accent-blue);color:var(--accent-blue)}.glass-btn.primary{background:linear-gradient(135deg,var(--accent-red),var(--accent-blue));border:none;color:#fff;box-shadow:0 10px 20px -5px #0000000d}.glass-btn.primary:hover{box-shadow:0 15px 30px -5px #00000014;transform:translateY(-3px) scale(1.02)}.unconfigured-panel{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:20px;padding:1.5rem;box-shadow:var(--shadow-premium);-webkit-backdrop-filter:blur(var(--card-blur));backdrop-filter:blur(var(--card-blur))}.command-center{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow-premium);-webkit-backdrop-filter:blur(var(--card-blur));backdrop-filter:blur(var(--card-blur));margin-bottom:1.25rem;animation:fadeIn .5s ease-out}.stats-strip{background:var(--bg-input);border:1px solid var(--glass-border);border-radius:12px;display:flex;overflow:hidden;margin-bottom:0}.stat-segment{flex:1;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-right:1px solid var(--glass-border);transition:all .25s cubic-bezier(.4,0,.2,1)}.stat-segment:last-child{border-right:none}.stat-segment:hover{background:var(--glass-highlight);box-shadow:inset 0 0 0 1px var(--accent-blue)}.dark-toggle{background:transparent;border:1px solid var(--glass-border);border-radius:10px;color:var(--text-secondary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.dark-toggle:hover{background:var(--glass-highlight);color:var(--accent-blue);border-color:var(--accent-blue)}.stat-icon-small{width:32px;height:32px;background:var(--glass-highlight);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent-blue)}.stat-segment.online .stat-icon-small{color:var(--neon-green)}.stat-segment.los .stat-icon-small{color:var(--neon-red)}.stat-segment.power .stat-icon-small{color:var(--accent-orange)}.stat-data{display:flex;flex-direction:column}.stat-label-tiny{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:700}.stat-value-bold{font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1}.kpi-banner{display:flex;align-items:center;gap:1rem;font-size:.75rem;color:var(--text-muted)}.kpi-item{display:flex;align-items:center;gap:.5rem}.kpi-dot{width:6px;height:6px;border-radius:50%}.kpi-dot.good{background:var(--neon-green);box-shadow:0 0 6px var(--neon-green)}.kpi-dot.warn{background:var(--accent-orange);box-shadow:0 0 6px var(--accent-orange)}.kpi-dot.bad{background:var(--neon-red);box-shadow:0 0 6px var(--neon-red)}.kpi-value{font-weight:700;color:var(--text-primary)}.search-filter-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.search-wrap-compact{position:relative;flex:1;min-width:200px;max-width:400px}.search-icon-compact{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.noc-input-compact{width:100%;background:var(--bg-input);border:1px solid var(--glass-border);border-radius:8px;padding:.55rem .75rem .55rem 2.25rem;color:var(--text-primary);font-size:.85rem;outline:none;transition:all .2s}.noc-input-compact:focus{border-color:var(--accent-blue);box-shadow:0 0 12px #38bdf81a}.filter-group-compact{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.filter-chip{padding:.35rem .65rem;border-radius:6px;background:transparent;border:1px solid transparent;color:var(--text-muted);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-chip:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--glass-border)}.filter-chip.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;box-shadow:0 2px 8px #38bdf833}.split-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);z-index:200;animation:fadeIn .2s ease}.split-panel{position:fixed;top:0;right:0;bottom:0;width:min(1100px,100vw);background:var(--bg-dark);z-index:201;overflow-y:auto;box-shadow:-8px 0 60px #00000059;animation:slideInRight .25s ease;padding:0}.split-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding:1rem 1.5rem;border-bottom:1px solid var(--glass-border);position:sticky;top:0;background:var(--bg-dark);z-index:10}.split-panel-close{background:var(--glass-highlight);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.split-panel-close:hover{background:var(--accent-red);color:#fff;border-color:var(--accent-red)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 768px){.split-panel{width:100vw!important;border-radius:0}.split-panel-header{padding:.75rem 1rem}}.donut-ring{transform:rotate(-90deg)}.donut-bg{fill:none;stroke:var(--glass-border);stroke-width:6}.donut-fill{fill:none;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset 1s ease}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.donut-value{font-size:1.1rem;font-weight:800;color:var(--text-primary);line-height:1}.donut-label{font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.progress-container{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:12px;padding:1rem 1.5rem;margin-bottom:.75rem;box-shadow:var(--shadow-premium)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.progress-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.progress-value{font-size:.9rem;font-weight:800;color:var(--neon-green)}.progress-track{height:6px;background:var(--glass-highlight);border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-red),var(--accent-blue));border-radius:10px;box-shadow:0 0 12px #00ff804d}.noc-input:focus,.noc-select:focus{border-color:var(--accent-blue);box-shadow:0 0 10px #38bdf81a}.toggle-group{display:flex;background:var(--glass-highlight);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:#fff;box-shadow:0 4px 12px #0000000d}.data-station{background:var(--bg-card);border:1px solid var(--glass-border);box-shadow:var(--shadow-premium);border-radius:16px;overflow:hidden}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.station-header{padding:1.5rem 2rem;background:var(--bg-card);border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.station-title{display:flex;align-items:center;gap:1rem;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.station-title span{color:var(--text-secondary);font-weight:400;font-size:.9rem;background:var(--glass-highlight);padding:2px 10px;border-radius:6px;margin-left:.5rem}.noc-table{width:100%;border-collapse:collapse}.noc-table th{padding:1rem 1.25rem;text-align:left;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-thead);position:sticky;top:0;z-index:10}.noc-table tr{border-bottom:1px solid var(--glass-border);transition:background .2s}.noc-table tr:hover{background:var(--bg-hover)}.noc-table td{padding:1rem 1.25rem}.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:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 12px #22c55e33;border:none}.status-pill.offline{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff;border:none}.status-pill.down,.status-pill.los,.status-pill.power-offline,.status-pill.dyinggasp{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;box-shadow:0 4px 12px #ef44444d}.signal-wrap{display:flex;flex-direction:column;gap:6px}.bar-comp{height:4px;width:60px;background:var(--glass-highlight);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;color:var(--text-primary)}.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:var(--glass-highlight);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:2rem;animation:fadeIn .5s ease-out}.olt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem;padding:.5rem}.olt-card{background:var(--glass-highlight);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;transition:var(--transition-smooth);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.olt-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--glass-border),transparent)}.olt-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 30px 60px -20px #0009,0 0 20px #38bdf80d;border-color:var(--accent-blue);background:rgba(255,255,255,.04)}.olt-card-header{display:flex;flex-direction:column;gap:1.25rem}.olt-header-main{display:flex;justify-content:space-between;align-items:flex-start}.olt-id-group{display:flex;flex-direction:column;gap:.5rem}.olt-id{font-family:Outfit,sans-serif;font-weight:600;color:var(--text-primary);font-size:1.25rem;letter-spacing:-.01em}.status-bar{margin-bottom:1.25rem;background:var(--bg-input);padding:10px;border-radius:12px;display:flex;gap:12px;justify-content:space-between;border:1px solid var(--glass-border)}.olt-status-pill{display:flex;align-items:center;gap:8px;padding:4px 10px;border-radius:6px;font-size:.62rem;font-weight:800;letter-spacing:.08em;transition:all .4s cubic-bezier(.4,0,.2,1);flex:1;justify-content:center;border:1px solid transparent}.olt-status-pill.online{background:rgba(16,185,129,.08);color:#10b981;border-color:#10b98126}.olt-status-pill.offline{background:rgba(239,68,68,.05);color:#ef4444b3;border-color:#ef44441a}.olt-status-pill .dot{width:7px;height:7px;border-radius:50%;position:relative}.olt-status-pill.online .dot{background:#10b981;box-shadow:0 0 10px #10b98199}.olt-status-pill.online .dot:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:1px solid #10b981;animation:ripple 2s infinite;opacity:0;will-change:transform,opacity}.olt-status-pill.offline .dot{background:#ef4444;box-shadow:0 0 4px #ef44444d}@keyframes ripple{0%{transform:scale(1);opacity:.5}to{transform:scale(2.5);opacity:0}}.olt-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:.5rem}.olt-actions button{background:var(--glass-highlight);border:1px solid var(--glass-border);color:var(--text-secondary);padding:.75rem 1rem;border-radius:12px;cursor:pointer;font-size:.85rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:var(--transition-smooth)}.olt-actions button:hover{background:rgba(255,255,255,.08);border-color:var(--accent-blue);color:#fff;transform:translateY(-2px)}.olt-actions button.primary-action{background:rgba(56,189,248,.1);border-color:#0000000d;color:var(--accent-blue)}.olt-actions button.success-action{background:rgba(34,197,94,.1);border-color:#22c55e4d;color:var(--neon-green)}.olt-actions button.terminal-action{background:rgba(0,255,242,.05);border-color:#00fff233;color:var(--neon-cyan)}.olt-actions button.terminal-action:hover{background:rgba(0,255,242,.12);color:#00fff2;border-color:#00fff266}.olt-info{display:flex;flex-direction:column;gap:.85rem;background:rgba(0,0,0,.2);padding:1.25rem;border-radius:18px;border:1px solid var(--glass-highlight)}.info-row{font-size:.95rem;display:flex;justify-content:space-between;align-items:center}.info-row span{color:var(--text-secondary);font-weight:500;display:flex;align-items:center;gap:.5rem}.info-row strong{color:var(--text-primary);font-weight:600}.info-row em{color:var(--text-muted);font-style:normal;font-size:.85rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.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:3000}.modal-content{background:var(--bg-modal);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;width:100%;max-width:650px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 50px #00000080}.modal-content h3{margin:0 0 1.5rem;font-size:1.5rem;color:var(--text-primary)}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label{font-size:.85rem;color:var(--text-secondary);font-weight:600}.form-group input,.form-group textarea,.form-group select{font-family:inherit;font-size:.9rem;box-sizing:border-box;background:var(--glass-highlight);border:1px solid var(--glass-border);color:var(--text-primary);padding:.8rem;border-radius:10px;outline:none;width:100%}.form-group input[type=checkbox],.form-group input[type=radio]{width:16px;height:16px;padding:0;margin:0;background:transparent;border:none;cursor:pointer;accent-color:var(--neon-cyan)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted);opacity:.6}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent-blue)}.form-group input[readonly]{opacity:.5;cursor:not-allowed;background:var(--bg-hover)}.noc-select{background:var(--bg-input);border:1px solid var(--glass-border);border-radius:8px;padding:.5rem .75rem;color:var(--text-primary);font-size:.85rem;font-family:inherit;outline:none;cursor:pointer}.noc-select:focus{border-color:var(--accent-blue)}.noc-select-slim{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:8px;padding:.4rem .75rem;color:var(--text-primary);font-size:.85rem;font-family:inherit;outline:none;cursor:pointer;transition:border-color .2s}.noc-select-slim:hover{border-color:var(--accent-blue)}.noc-select-slim: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:var(--text-primary)}.modal-actions button.primary{background:var(--accent-blue);color:#020617;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 #ffffff0d}.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:.5rem;width:100%!important;max-width:100%!important;margin:0!important;box-sizing:border-box;overflow-x:hidden}.noc-header{flex-direction:row;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;margin:-.5rem -.5rem .5rem;border-radius:0;width:100vw;box-sizing:border-box}.brand-wrap{width:auto;justify-content:flex-start;margin-bottom:0;gap:.5rem!important}.brand-name{font-size:1.1rem!important}.header-actions{width:auto;display:flex;grid-template-columns:none;gap:.4rem}.header-actions .glass-btn{display:none;padding:.4rem!important}.header-actions .glass-btn.profile,.header-actions .glass-btn:last-child,.header-actions .glass-btn:nth-last-child(2){display:flex;padding:.4rem!important}.header-actions .glass-btn span,.hide-mobile{display:none!important}.command-center{padding:1rem!important;gap:.75rem!important;border-radius:12px!important}.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:.95rem}.station-title span{font-size:.75rem;background:none;padding:0;margin-left:0}.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:normal}.pagination-wrap{width:100%;justify-content:space-between;flex-wrap:nowrap;padding:.5rem 0;gap:4px}.pagination-wrap .glass-btn.small{padding:.4rem .6rem;font-size:.75rem}.olt-grid{grid-template-columns:1fr;padding:.5rem}.olt-card{padding:1.25rem;gap:1rem;border-radius:16px}.olt-card-header{gap:.75rem}.olt-id{font-size:1.1rem}.olt-actions{grid-template-columns:1fr;gap:.5rem}.olt-actions button{padding:.6rem .75rem;font-size:.8rem}.status-bar{padding:8px;gap:6px}.olt-info{padding:1rem;gap:.6rem}.info-row{font-size:.85rem}.modal-overlay{align-items:center;padding:0}.modal-content{width:95%;margin:0 auto;padding:1.25rem;max-height:90vh;overflow-y:auto;border-radius:20px;max-width:100%}.modal-content [style*=grid-template-columns],.olt-config-panel>div[style*=grid-template-columns],.hris-grid{grid-template-columns:1fr!important}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--nav-height-mobile);background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);z-index:1000;padding:0 1rem;justify-content:space-around;align-items:center}.mobile-bottom-nav button{background:transparent;border:none;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.7rem;font-weight:600;padding:.5rem;transition:all .3s;min-width:60px}.mobile-bottom-nav button.active{color:var(--accent-blue);position:relative}.mobile-bottom-nav button.active:after{content:"";position:absolute;top:-10px;width:20px;height:2px;background:var(--accent-blue);box-shadow:0 0 10px var(--accent-blue);border-radius:2px}.mobile-bottom-nav button.primary{background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:#020617;width:50px;height:50px;border-radius:15px;margin-top:-30px;box-shadow:0 10px 20px #0000000d}.ultimate-noc{padding-bottom:calc(var(--nav-height-mobile) + 1rem)}}@media (min-width: 769px){.mobile-bottom-nav,.mobile-only-load-more{display:none}}@media (max-width: 768px){.ultimate-noc{padding:.5rem .5rem calc(var(--nav-height-mobile) + 1.5rem) .5rem!important;width:100%!important;max-width:100%!important;margin:0!important;box-sizing:border-box}.noc-header{margin:-.5rem -.5rem 1rem!important;width:calc(100% + 1rem)!important;padding:.85rem 1rem!important}.noc-header .brand-wrap{gap:.75rem!important}.header-actions{gap:.5rem!important}.header-actions .glass-btn{padding:.4rem .75rem!important;font-size:.8rem!important;gap:.4rem!important}.header-actions .glass-btn:not(.profile):not(:last-child) span{display:none}.header-actions .glass-btn.profile span,.header-actions .glass-btn:last-child span{display:inline!important}.data-station>.station-header{flex-wrap:wrap;gap:.75rem}.command-center{padding:1rem!important;border-radius:12px!important;gap:.75rem!important}.noc-header .brand-icon-box{width:100px!important;height:40px!important;background:transparent!important;box-shadow:none!important}.noc-header .brand-icon-box img{width:100%!important;height:100%!important}.noc-header .brand-name{font-size:1.2rem!important}.filter-row{gap:1rem!important}.control-field{min-width:0!important;flex:1 1 100%!important;gap:.35rem!important}.control-field.search{min-width:0!important}.control-field.field-pon{flex:1 1 100%!important;max-width:none!important;min-width:0!important}@media (min-width: 480px){.control-field{flex:1 1 45%!important}.control-field.search,.control-field.select:last-child{flex:1 1 100%!important}}.noc-input,.noc-select{width:100%!important;box-sizing:border-box!important}.noc-table,.noc-table thead,.noc-table tbody{display:block;width:100%;min-width:0!important}.noc-table thead{display:none}.noc-table tr{display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--glass-border);border-radius:12px;margin-bottom:.6rem;padding:.75rem .85rem;position:relative;gap:3px;width:100%!important;box-sizing:border-box}.noc-table td{display:none!important;padding:0!important;border:none!important}.noc-table td.col-sub,.noc-table td.col-sn,.noc-table td.col-model,.noc-table td[colspan]{display:block!important;width:100%!important}.noc-table td.col-power,.noc-table td.col-status,.noc-table td.col-actions{display:flex!important;visibility:visible!important}.noc-table td.col-model{order:2.5;margin-top:-2px;opacity:.7}.noc-table td.col-model .td-content{flex-direction:row!important;gap:8px!important;font-size:.7rem!important;font-family:JetBrains Mono,monospace}.noc-table td.col-olt{order:1;margin-bottom:-1px}.noc-table td.col-sub{order:2;width:85%!important}.noc-table td.col-sub .customer-main{font-size:1rem!important;color:var(--text-primary)!important;font-weight:700!important}.noc-table td.col-power{order:3;margin-top:3px}.noc-table td.col-status{position:absolute;top:.75rem;right:.85rem}.col-actions{position:absolute;bottom:.6rem;right:.85rem;z-index:50}.td-content{align-items:flex-start!important;text-align:left!important;flex-direction:row!important;gap:8px!important}.status-pill{padding:3px 10px;font-size:.65rem;min-width:65px;justify-content:center}.action-btn{width:36px;height:36px;border-radius:10px}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.stat-card{background:var(--bg-card);border:1px solid var(--glass-border);padding:1rem 1.25rem;border-radius:14px;display:flex;align-items:center;gap:1.5rem;transition:var(--transition-smooth);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.stat-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;opacity:.3}.stat-card.total:after{background:var(--accent-blue)}.stat-card.online:after{background:var(--neon-green)}.stat-card.los:after{background:var(--neon-red)}.stat-card.power:after{background:var(--accent-orange)}.stat-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.05);border-color:#fff3}.stat-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.03);border:1px solid var(--glass-border)}.stat-card.total .stat-icon{color:var(--accent-blue);box-shadow:0 0 20px #38bdf81a}.stat-card.online .stat-icon{color:var(--neon-green);box-shadow:0 0 20px #22c55e1a}.stat-card.los .stat-icon{color:var(--neon-red);box-shadow:0 0 20px #ef44441a}.stat-card.power .stat-icon{color:var(--accent-orange);box-shadow:0 0 20px #fb923c1a}.stat-info{display:flex;flex-direction:column}.stat-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.stat-value{font-size:1.75rem;font-weight:800;color:var(--text-primary);font-family:Outfit,sans-serif;line-height:1}.stat-card.total{border-left:4px solid var(--accent-blue)}.stat-card.total .stat-icon{background:rgba(56,189,248,.1);color:var(--accent-blue)}.stat-card.online{border-left:4px solid var(--neon-green)}.stat-card.online .stat-icon{background:rgba(34,197,94,.1);color:var(--neon-green)}.stat-card.los{border-left:4px solid var(--neon-red)}.stat-card.los .stat-icon{background:rgba(239,68,68,.1);color:var(--neon-red)}.stat-card.power{border-left:4px solid var(--accent-orange)}.stat-card.power .stat-icon{background:rgba(251,146,60,.1);color:var(--accent-orange)}.stat-card:after{content:"";position:absolute;top:-20px;right:-20px;width:100px;height:100px;background:radial-gradient(circle at center,rgba(255,255,255,.03),transparent 70%);pointer-events:none}.terminal-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(2,6,23,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000}.terminal-container{width:90%;height:80%;max-width:1200px;background:#0a0a0a;border:1px solid var(--neon-cyan);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 50px #00fff233,var(--shadow-premium);animation:terminalIn .4s cubic-bezier(.4,0,.2,1)}@keyframes terminalIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.terminal-header{padding:.75rem 1.5rem;background:#1a1a1a;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.terminal-title{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:#fff}.terminal-title strong{color:var(--neon-cyan);font-family:JetBrains Mono,monospace}.olt-grid{display:grid;gap:1.5rem}.hris-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.terminal-controls{display:flex;gap:.5rem}.terminal-close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.terminal-close-btn:hover{background:rgba(239,68,68,.1);color:var(--neon-red)}.xterm-wrapper{flex:1;padding:1rem;background:#0a0a0a;overflow:hidden}.xterm-viewport::-webkit-scrollbar{width:10px}.xterm-viewport::-webkit-scrollbar-thumb{background:#333}.xterm-viewport::-webkit-scrollbar-thumb:hover{background:#444}.text-neon-cyan{color:var(--neon-cyan)}.device-details-container{display:flex;flex-direction:column;gap:1.5rem;animation:fadeIn .4s ease-out;padding:1.25rem 1.5rem;background:var(--bg-dark);min-height:100%;width:100%;max-width:100%;box-sizing:border-box}@media (max-width: 1100px){.device-details-container{padding:.75rem;gap:1rem}}.details-main-card{background:#0d1826;border:1px solid rgba(56,189,248,.08);border-radius:24px;display:flex;flex-direction:column;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff08;min-width:0;overflow:hidden;transition:box-shadow .3s ease}.details-main-card:hover{box-shadow:0 12px 48px #00000080,0 0 0 1px #38bdf81a}@media (max-width: 768px){.details-main-card{border-radius:18px}}.details-tab-nav{display:flex;gap:0;padding:0 1.5rem;border-bottom:1px solid rgba(255,255,255,.06);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;background:rgba(0,0,0,.2)}.details-tab-nav::-webkit-scrollbar{display:none}.detail-tab{padding:1rem 1.25rem;color:#fff6;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:0;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:.82rem;white-space:nowrap;background:transparent;letter-spacing:.02em;position:relative}.detail-tab:hover{color:#fffc;background:rgba(255,255,255,.03)}.detail-tab.active{color:#38bdf8;border-bottom-color:#38bdf8;background:transparent;font-weight:700}.topology-section{padding:2.5rem;position:relative;min-height:450px;display:flex;flex-direction:column}@media (max-width: 768px){.topology-section{padding:1rem!important;min-height:auto!important}}.update-time{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:.5rem;margin-bottom:3rem}.topology-canvas{display:flex;justify-content:space-between;align-items:center;padding:0 4rem;position:relative;flex:1}@media (max-width: 768px){.topology-canvas{flex-direction:column;gap:2rem;padding:1rem 0;justify-content:center;transform:scale(.9);transform-origin:center top;width:100%}.topo-line-container{display:none}.right-nodes-stack{gap:3rem!important;align-items:center}.right-node-item{justify-content:center!important;width:100%}.onu-center-node{width:160px!important;height:100px!important}.topology-section{min-height:auto!important;padding:1.5rem!important}.onu-main-label{font-size:1.1rem!important;text-align:center;max-width:250px}}.topo-node{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;z-index:2}.node-icon-wrapper{width:64px;height:64px;background:linear-gradient(135deg,rgba(15,30,50,.9),rgba(10,20,40,.9));border:1px solid rgba(56,189,248,.2);border-radius:18px;display:flex;align-items:center;justify-content:center;color:#38bdf8;position:relative;box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff0d;transition:all .3s ease}.node-icon-wrapper:hover{border-color:#38bdf880;box-shadow:0 4px 20px #38bdf826,inset 0 1px #ffffff12;transform:translateY(-2px)}.node-status-badge{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;border:2px solid #0d1826;box-shadow:0 2px 8px #ef444466}.node-status-badge.online{background:#22c55e;box-shadow:0 2px 8px #22c55e66;animation:pulse-green 2s infinite}@keyframes pulse-green{0%,to{box-shadow:0 2px 8px #22c55e66}50%{box-shadow:0 2px 16px #22c55eb3}}.node-label{font-size:.85rem;font-weight:600;color:#ffffffd9;letter-spacing:.01em}.node-meta{font-size:.7rem;color:#ffffff59}.onu-center-node{width:150px;height:100px;background:linear-gradient(135deg,rgba(56,189,248,.08),rgba(59,130,246,.05));border:1.5px solid rgba(56,189,248,.3);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 0 40px #38bdf81a,0 8px 32px #00000080;position:relative;transition:all .3s ease}.onu-center-node:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:21px;background:linear-gradient(135deg,rgba(56,189,248,.3),transparent 60%);z-index:-1;pointer-events:none}.onu-center-node.offline{border-color:#ef444466;background:linear-gradient(135deg,rgba(239,68,68,.05),transparent);box-shadow:0 0 30px #ef44441a,0 8px 32px #00000080}.onu-main-label{font-weight:700;font-size:1.3rem;letter-spacing:.03em;margin-top:1.25rem;word-break:break-all;background:linear-gradient(135deg,#fff 60%,rgba(56,189,248,.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topo-line-container{position:absolute;top:50%;left:0;right:0;height:100%;z-index:1;pointer-events:none}.right-nodes-stack{display:flex;flex-direction:column;gap:1.75rem}.right-node-item{display:flex;align-items:center;gap:1.25rem;justify-content:flex-end}.details-side-stack{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.side-panel-card{background:linear-gradient(135deg,rgba(15,30,50,.8),rgba(10,20,40,.8));border:1px solid rgba(56,189,248,.08);border-radius:20px;padding:1.5rem;box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff08;width:100%;box-sizing:border-box;min-width:0;transition:border-color .3s ease,box-shadow .3s ease}.side-panel-card:hover{border-color:#38bdf826;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}@media (max-width: 768px){.side-panel-card{padding:1.25rem;border-radius:16px}}.panel-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.panel-title{font-weight:700;font-size:.9rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.08em}.circular-gauge-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 0;position:relative}@media (max-width: 768px){.gauge-svg{width:160px!important;height:90px!important}.gauge-main-val{font-size:1.6rem!important}.gauge-value-display{margin-top:-25px!important}}.gauge-bg{fill:none;stroke:#334155;stroke-width:10;stroke-linecap:round}.gauge-fill{fill:none;stroke:url(#gaugeGradient);stroke-width:10;stroke-linecap:round;transition:stroke-dasharray 1s cubic-bezier(.4,0,.2,1)}.gauge-value-display{text-align:center;margin-top:-35px}.gauge-main-val{font-size:2.2rem;font-weight:800;color:var(--text-primary)}.gauge-reg-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.5rem 0 0;border-top:1px solid var(--glass-border);margin-top:1rem}.reg-stat-item{display:flex;flex-direction:column;align-items:center;gap:.4rem}.reg-stat-label{font-size:.75rem;color:var(--text-muted)}.reg-stat-val{font-weight:700;font-size:1rem}.resource-row{margin-bottom:1.25rem}.resource-row:last-child{margin-bottom:0}.resource-header{display:flex;justify-content:space-between;margin-bottom:.6rem;font-size:.82rem;font-weight:600;color:#fff9}.progress-bar-bg{height:6px;background:rgba(255,255,255,.06);border-radius:99px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#818cf8);border-radius:99px;transition:width 1.2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.info-data-grid{display:flex;flex-direction:column;gap:0}.info-item-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.04);gap:1rem;transition:background .15s ease}.info-item-row:last-child{border-bottom:none}.info-item-row:hover{background:rgba(56,189,248,.02);margin:0 -.5rem;padding-left:.5rem;padding-right:.5rem;border-radius:6px}.info-item-label{display:flex;align-items:center;gap:.6rem;color:#fff6;font-size:.8rem;font-weight:500;flex-shrink:0}.info-item-val{color:#ffffffe6;font-weight:600;font-size:.85rem;font-family:JetBrains Mono,Courier New,monospace;text-align:right;word-break:break-all;max-width:65%}.network-info-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.5rem}.net-panel-box{background:linear-gradient(135deg,rgba(15,30,50,.7),rgba(10,20,40,.5));border-radius:16px;padding:1.25rem 1.5rem;border:1px solid rgba(56,189,248,.08);transition:border-color .2s ease,transform .2s ease}.net-panel-box:hover{border-color:#38bdf82e;transform:translateY(-1px)}.net-type-label{font-weight:700;font-size:.75rem;color:#38bdf8;margin-bottom:1rem;display:flex;align-items:center;gap:.6rem;text-transform:uppercase;letter-spacing:.08em}.wifi-form-card{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.wifi-form-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px #0000004d}.noc-input-mega{width:100%;padding:0 1.5rem;font-size:1.1rem;color:var(--text-primary);border:1px solid var(--glass-border);transition:all .3s ease;outline:none}.noc-input-mega:focus{border-color:var(--neon-cyan);box-shadow:0 0 20px #22d3ee33;background:var(--bg-panel)!important}.status-pill{font-weight:800;letter-spacing:.1em;font-size:.75rem;color:#fff}.status-pill.online{background:linear-gradient(to right,#22c55e,#16a34a);color:#fff!important}.status-pill.offline{background:linear-gradient(to right,#94a3b8,#64748b);color:#fff!important}.dashboard-trigger:hover{color:var(--accent-blue)!important;background:rgba(56,189,248,.1)!important;box-shadow:0 0 15px #0000000d;border-color:var(--accent-blue)!important}.status-pill.online{position:relative;overflow:hidden}.status-pill.online:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}20%{left:100%}to{left:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1400px){.topology-canvas{padding:0 1rem}}.back-btn-premium{background:rgba(255,255,255,.03);border:1px solid var(--glass-border);padding:.6rem 1.2rem;border-radius:12px;color:var(--text-secondary);display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-btn-premium:hover{background:rgba(255,255,255,.08);color:var(--text-primary);transform:translate(-5px);border-color:var(--accent-blue)}.tab-glow{position:relative}.tab-glow.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:40%;height:3px;background:var(--accent-blue);border-radius:10px 10px 0 0;box-shadow:0 0 10px var(--accent-blue)}@media (max-width: 1100px){.device-details-container{grid-template-columns:1fr!important}}@media (max-width: 768px){.ultimate-noc{padding:.75rem;gap:1rem}.noc-header{padding:.75rem 1rem;margin:-.75rem -.75rem 1rem;border-radius:0}.brand-icon-box{width:38px;height:38px;border-radius:10px}.brand-name{font-size:1.3rem}.header-actions{gap:.5rem}.glass-btn{padding:.5rem .85rem;font-size:.85rem}.stats-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;background:transparent;border:none;margin-bottom:1rem}.stats-strip .stat-segment:last-child{grid-column:1 / -1;justify-content:center}.stat-segment{background:linear-gradient(135deg,var(--bg-card),var(--bg-card));border:1px solid var(--glass-border);border-radius:16px;padding:1rem;flex-direction:column;align-items:flex-start;gap:.75rem;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-segment:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-blue),transparent);opacity:0;transition:opacity .3s}.stat-segment:active:before{opacity:1}.stat-segment:active{transform:scale(.98);background:linear-gradient(135deg,var(--bg-card),var(--bg-card))}.stat-icon-small{width:36px;height:36px;border-radius:10px;background:rgba(56,189,248,.1);display:flex;align-items:center;justify-content:center}.stat-segment.online .stat-icon-small{background:rgba(34,197,94,.15);box-shadow:0 0 15px #22c55e33}.stat-segment.los .stat-icon-small{background:rgba(239,68,68,.15);box-shadow:0 0 15px #ef444433}.stat-segment.power .stat-icon-small{background:rgba(251,146,60,.15);box-shadow:0 0 15px #fb923c33}.stat-value-bold{font-size:1.75rem;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-label-tiny{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.progress-container{border-radius:16px;padding:1rem 1.25rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--bg-card),var(--bg-card))}.progress-track{height:8px;border-radius:10px}.progress-fill{box-shadow:0 0 15px #22c55e80}.search-filter-row{flex-direction:column;gap:.75rem;align-items:stretch}.search-wrap-compact{max-width:100%}.noc-input-compact{padding:.7rem .85rem .7rem 2.25rem;font-size:.9rem;border-radius:10px}.filter-group-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.filter-chip{text-align:center;width:100%;padding:.6rem .4rem;font-size:.75rem}.noc-select-slim{width:100%;padding:.85rem 2.5rem .85rem 1rem;font-size:1rem;border-radius:12px;background:var(--bg-card);border:1.5px solid var(--glass-border);font-weight:600;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.noc-select-slim:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 4px #38bdf826;background-color:var(--bg-card)}.data-station{border-radius:20px;overflow:hidden;background:linear-gradient(135deg,var(--bg-card),var(--bg-card))}.station-header{padding:1.25rem 1rem}.station-title{font-size:1.1rem;flex-direction:column;align-items:flex-start;gap:.5rem}.noc-table{display:block}.ftth-custom-table thead{display:none}.ftth-custom-table tbody{display:block}.ftth-custom-table tr{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:16px;margin-bottom:.75rem;padding:1.25rem;position:relative;box-shadow:var(--shadow-premium);gap:4px}.ftth-custom-table td{display:none!important}.ftth-custom-table .col-sub,.ftth-custom-table .col-power,.ftth-custom-table .col-olt,.ftth-custom-table .col-status,.ftth-custom-table .col-actions{display:flex!important}.col-sub{width:100%;margin-bottom:2px}.customer-main{font-size:1.05rem!important;font-weight:800!important;color:var(--text-primary)!important;line-height:1.2;max-width:65%}.col-sub .td-content>div:nth-child(2){font-size:.7rem!important;opacity:.5;margin-top:2px}.col-status{position:absolute;top:1.25rem;right:1.25rem;padding:0!important}.status-pill{margin:0!important;padding:4px 10px!important;font-size:.7rem!important;border-radius:8px!important}.col-olt{margin-top:2px}.col-olt .td-content [style*="color: var(--accent-blue)"]{display:none!important}.col-olt .td-content>div:last-child{font-family:JetBrains Mono,monospace!important;font-size:.8rem!important;color:var(--text-muted)!important;font-weight:600}.col-olt .td-content>div:last-child:before{content:"gpon-onu_"}.col-power{margin-top:6px}.col-power .td-content div{display:flex;align-items:center;gap:6px;font-size:1rem!important;font-weight:800!important}.col-power .td-content div:before{content:"RX Power:";font-size:.75rem;font-weight:600;color:var(--text-muted)}.col-actions{margin-top:12px;padding-top:12px!important;border-top:1px solid var(--glass-border);justify-content:flex-end;width:100%}.action-btn{width:40px;height:40px;padding:0!important;background:var(--bg-hover)!important;border:1px solid var(--glass-border)!important;border-radius:10px!important;transition:all .2s}.action-btn:active{transform:scale(.9)}.pagination-wrap{gap:.5rem;justify-content:center;padding:1rem 0}.page-num{width:40px;height:40px;font-size:.9rem;border-radius:10px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);padding:.75rem 0 max(.75rem,env(safe-area-inset-bottom));z-index:1000}.ultimate-noc{padding-bottom:calc(var(--nav-height-mobile) + 1rem)}.status-pill{padding:6px 12px;font-size:.7rem;border-radius:8px;font-weight:800}.status-pill.online{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d}.status-pill.offline,.status-pill.down{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.customer-main{font-size:1rem;font-weight:700;margin-bottom:.35rem}.customer-sub{font-size:.8rem;opacity:.8}.signal-wrap{gap:4px}.bar-comp{height:5px;width:50px;border-radius:3px}.unconfigured-panel{border-radius:16px;padding:1.25rem}.user-table-wrap{overflow-x:visible!important;border:none!important}.user-table-wrap .noc-table{min-width:0!important}.user-table-wrap .noc-table td{display:none!important}.user-table-wrap .col-user-username,.user-table-wrap .col-user-role,.user-table-wrap .col-user-perms,.user-table-wrap .col-user-actions{display:flex!important}.user-table-wrap .col-user-username{width:100%;margin-bottom:4px}.user-table-wrap .col-user-role{position:absolute;top:1.25rem;right:1.25rem;padding:0!important}.user-table-wrap .col-user-perms{flex-direction:column;gap:3px;margin-top:4px;font-size:12px;opacity:.85}.user-table-wrap .col-user-actions{margin-top:12px;padding-top:12px!important;border-top:1px solid var(--glass-border);justify-content:flex-end;width:100%}.audit-table-wrap{overflow-x:visible!important;border:none!important}.audit-table-wrap .noc-table{min-width:0!important}.audit-table-wrap .noc-table td{display:none!important}.audit-table-wrap .col-log-action,.audit-table-wrap .col-log-status,.audit-table-wrap .col-log-time,.audit-table-wrap .col-log-user,.audit-table-wrap .col-log-resource{display:flex!important}.audit-table-wrap .col-log-action{margin-bottom:2px;max-width:60%}.audit-table-wrap .col-log-status{position:absolute;top:1.25rem;right:1.25rem;padding:0!important}.audit-table-wrap .col-log-time{font-family:monospace;font-size:11px;opacity:.7;margin-top:2px}.audit-table-wrap .col-log-user{font-size:12px;opacity:.8;margin-top:4px}.audit-table-wrap .col-log-resource{font-size:11px;opacity:.7;margin-top:6px;padding-top:10px!important;border-top:1px solid var(--glass-border)}}@media (max-width: 380px){.filter-group-compact{grid-template-columns:repeat(2,1fr)}.filter-chip{font-size:.7rem;padding:.55rem .35rem}.stat-value-bold{font-size:1.5rem}.brand-name{font-size:1.1rem}}.login-input:focus{border-color:var(--accent-blue)!important;background:#ffffff!important;box-shadow:0 0 0 4px #0070f31a!important}@media (max-width: 768px){.device-details-container{padding:0!important;gap:.75rem!important}.details-tab-nav{display:flex!important;overflow-x:auto!important;white-space:nowrap!important;padding:.5rem .75rem!important;gap:.35rem!important;-webkit-overflow-scrolling:touch!important;border-bottom:1px solid rgba(255,255,255,.07)!important;scrollbar-width:none!important}.details-tab-nav::-webkit-scrollbar{display:none}.detail-tab{padding:.4rem .85rem!important;font-size:.75rem!important;border-radius:20px!important;margin-bottom:0!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.03)!important}.detail-tab.active{background:rgba(56,189,248,.12)!important;border-color:#38bdf866!important}.topology-section{padding:1rem!important;min-height:auto!important}.topology-canvas{flex-direction:column!important;align-items:center!important;gap:1.25rem!important;padding:.75rem 0!important}.topo-line-container{display:none!important}.left-nodes-stack,.right-nodes-stack{width:100%!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;gap:.75rem!important}.right-node-item{flex-direction:column-reverse!important;align-items:center!important;text-align:center!important;gap:.35rem!important}.right-node-item .topo-node{align-items:center!important}.onu-center-node{width:110px!important;height:75px!important}.onu-main-label{font-size:1rem!important;text-align:center;max-width:90vw;margin-top:.75rem!important}.node-icon-wrapper{width:48px!important;height:48px!important;border-radius:12px!important}.vlan-info-bar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;padding:.75rem!important}.vlan-info-bar>div{padding:.6rem .5rem!important;border-right:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.vlan-info-bar>div[style*="width: 1px"],.vlan-info-bar>div[style*="width:1px"]{display:none!important}.vlan-info-bar>div:nth-child(2n){border-right:none}.vlan-info-bar>div:nth-last-child(-n+2){border-bottom:none}.network-info-grid{padding:0 .75rem .75rem!important}.details-main-card>div[style],.wifi-view-content,.datamodel-view-content,.config-view-content,.diagnose-view-content,.maintenance-view-content{padding:.75rem!important}.config-view-content [style*="justify-content: space-between"]{flex-direction:column!important;align-items:flex-start!important;gap:.75rem}.config-view-content .glass-btn{width:100%!important}.control-grid{grid-template-columns:1fr 1fr!important;gap:.75rem!important}.control-card-glass{padding:1rem!important}.alert-banner-mobile{padding:.75rem!important;font-size:.8rem!important;border-radius:10px!important}.maintenance-view-content [style*="grid-template-columns: repeat"]{grid-template-columns:repeat(2,1fr)!important}.maintenance-view-content [style*="padding: '1.5rem'"],.maintenance-view-content button[style*="padding: '1.5rem'"]{padding:.85rem!important}.diagnose-view-content [style*="maxHeight: '420px'"]{max-height:280px!important}.details-side-stack{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.75rem!important;padding:0 0 .75rem!important}.details-side-stack .side-panel-card:last-child{grid-column:1 / -1}.side-panel-card{padding:1rem!important;border-radius:14px!important}.gauge-svg{width:140px!important;height:80px!important}.gauge-main-val{font-size:1.5rem!important}.gauge-value-display{margin-top:-22px!important}.wifi-view-content,[class*=wifi-view],[class*=wan-view]{padding:.75rem!important}.noc-input-mega{font-size:.95rem!important;padding:0 1rem!important}}@media (max-width: 768px){.sidebar{position:fixed;left:-100vw;top:0;bottom:0;width:280px;min-width:280px;height:100vh;height:100dvh;padding-bottom:max(1rem,env(safe-area-inset-bottom));transition:left .25s ease;z-index:1001}.sidebar.open{left:0;box-shadow:8px 0 40px #0000004d}.sidebar.open .sidebar-nav-label{display:block!important}.sidebar.open .sidebar-nav-badge{display:flex!important}.sidebar.open .sidebar-nav-group{display:block!important}.sidebar.open .sidebar-nav-item{justify-content:flex-start!important;padding:.6rem .65rem!important}.sidebar-spacer{display:none}.sidebar-footer{display:none!important}.hamburger-btn{display:flex}.mobile-top-actions{display:flex;position:fixed;top:.75rem;right:.75rem;z-index:98;gap:.5rem}.mobile-top-actions button{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:10px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth)}.mobile-top-actions button:hover{background:var(--bg-hover);border-color:var(--accent-blue)}.main-content{padding:.5rem;padding-top:3.5rem!important;padding-bottom:calc(var(--nav-height-mobile) + 1rem)!important}}@media (min-width: 769px){.hamburger-btn,.mobile-top-actions{display:none!important}}.absen-filter-bar{padding:.75rem 2rem;border-bottom:1px solid var(--glass-border)}.attendance-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.25rem}.attendance-stat-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:14px;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;transition:var(--transition-smooth)}.attendance-stat-card:hover{transform:translateY(-3px);border-color:var(--accent-blue);box-shadow:0 8px 25px #00000014}.attendance-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.attendance-stat-icon.green{background:rgba(34,197,94,.1);color:var(--neon-green)}.attendance-stat-icon.blue{background:rgba(56,189,248,.1);color:var(--accent-blue)}.attendance-stat-icon.purple{background:rgba(139,92,246,.1);color:var(--accent-purple)}.attendance-stat-value{font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1.2}.attendance-stat-label{font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.status-badge{padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;gap:5px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.status-badge.hadir{background:rgba(34,197,94,.12);color:var(--neon-green);border:1px solid rgba(34,197,94,.2)}.status-badge.izin{background:rgba(251,191,36,.12);color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.status-badge.sakit{background:rgba(139,92,246,.12);color:var(--accent-purple);border:1px solid rgba(139,92,246,.2)}.status-badge.alpha{background:rgba(239,68,68,.12);color:var(--neon-red);border:1px solid rgba(239,68,68,.2)}.status-badge.terlambat{background:rgba(251,146,60,.12);color:var(--accent-orange);border:1px solid rgba(251,146,60,.2)}.employee-select{width:100%;background:var(--bg-input);border:1px solid var(--glass-border);border-radius:10px;padding:.7rem 2.5rem .7rem 1rem;color:var(--text-primary);font-size:.9rem;font-family:inherit;outline:none;cursor:pointer;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.employee-select:focus{border-color:var(--accent-blue);box-shadow:0 0 10px #38bdf81a}.photo-thumb{width:40px;height:40px;border-radius:10px;object-fit:cover;cursor:pointer;border:1px solid var(--glass-border);transition:transform .2s,border-color .2s}.photo-thumb:hover{transform:scale(1.15);border-color:var(--accent-blue);box-shadow:0 4px 15px #00000026}.photo-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:4000;cursor:pointer;animation:fadeIn .2s ease}.photo-viewer-content{max-width:90vw;max-height:90vh;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000080}.photo-viewer-content img{max-width:90vw;max-height:85vh;object-fit:contain;display:block}.clockin-webcam-wrap{position:relative;overflow:hidden;border-radius:14px;border:2px solid var(--glass-border);background:#000}.clockin-silhouette{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.clockin-silhouette svg{width:70%;height:90%;animation:silhouette-pulse 2.5s ease-in-out infinite}@keyframes silhouette-pulse{0%,to{opacity:.35}50%{opacity:.65}}.clockin-liveness-bar{position:absolute;bottom:12px;left:12px;right:12px;padding:10px 14px;border-radius:10px;font-size:.8rem;font-weight:600;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.clockin-liveness-bar.idle{background:rgba(0,0,0,.7);color:#fff}.clockin-liveness-bar.success{background:var(--neon-green);color:#000}.clockin-liveness-bar.warning{background:rgba(239,68,68,.9);color:#fff}.captured-preview{text-align:center}.captured-preview img{width:100%;border-radius:14px;border:2px solid var(--accent-blue)}.captured-success-text{margin-top:.5rem;color:var(--neon-green);font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:6px}@media (max-width: 768px){.attendance-stats{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.4rem;margin-bottom:.65rem;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.attendance-stats::-webkit-scrollbar{display:none}.attendance-stat-card{flex:0 0 auto;min-width:fit-content;padding:.5rem .75rem;gap:.45rem;border-radius:10px}.attendance-stat-icon{width:30px;height:30px;border-radius:8px}.attendance-stat-icon svg{width:16px;height:16px}.attendance-stat-value{font-size:1rem;white-space:nowrap}.attendance-stat-label{font-size:.58rem;letter-spacing:.02em;white-space:nowrap}.absen-filter-bar{padding:.6rem .75rem!important;flex-direction:column!important;gap:.5rem!important;align-items:stretch!important}.absen-filter-bar .search-wrap-compact{max-width:100%!important}.absen-filter-bar .filter-group-compact{display:flex!important;flex-wrap:wrap!important;gap:.4rem!important}.absen-filter-bar .filter-chip{font-size:.7rem!important;padding:.35rem .6rem!important}.absen-filter-bar input[type=date]{max-width:100%!important;width:100%!important}.absen-header-actions{width:100%;justify-content:flex-end}.absen-table-wrap{overflow-x:visible!important;border:none!important;padding:.5rem!important}.absen-table-wrap .noc-table{min-width:0!important}.absen-table-wrap .noc-table thead{display:none!important}.absen-table-wrap .noc-table tbody{display:block!important;width:100%!important}.absen-table-wrap .noc-table tr{display:flex!important;flex-direction:column!important;background:var(--bg-card)!important;border:1px solid var(--glass-border)!important;border-radius:14px!important;margin-bottom:.6rem!important;padding:.85rem .9rem .9rem!important;position:relative!important;gap:1px!important;width:100%!important;box-sizing:border-box!important}.absen-table-wrap .noc-table td{display:none!important;padding:0!important;border:none!important}.absen-table-wrap .col-absen-name,.absen-table-wrap .col-absen-status,.absen-table-wrap .col-absen-time,.absen-table-wrap .col-absen-coords,.absen-table-wrap .col-absen-photo{display:flex!important;padding:0!important;border:none!important}.absen-table-wrap .col-absen-name{width:calc(100% - 70px)!important;order:1}.absen-table-wrap .col-absen-status{position:absolute!important;top:.85rem!important;right:.9rem!important;order:2;z-index:2}.absen-table-wrap .col-absen-time{order:3;font-size:.78rem!important;opacity:.75;margin-top:2px!important;width:100%!important}.absen-table-wrap .col-absen-coords{order:4;font-size:.72rem!important;opacity:.55;margin-top:4px!important;width:calc(100% - 55px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.absen-table-wrap .col-absen-photo{position:absolute!important;bottom:.75rem!important;right:.9rem!important;order:5}.clockin-webcam-wrap{border-radius:10px!important}.clockin-liveness-bar{font-size:.7rem!important;padding:7px 10px!important;bottom:8px!important;left:8px!important;right:8px!important;border-radius:8px!important}.employee-select{font-size:.85rem!important;padding:.6rem .85rem!important}.photo-thumb{width:36px!important;height:36px!important;border-radius:8px!important}}.employee-list{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.employee-row{background:var(--glass-highlight);border:1px solid var(--glass-border);border-radius:14px;overflow:hidden;transition:all .25s ease}.employee-row:hover{border-color:var(--accent-blue);background:rgba(255,255,255,.03)}.employee-row-header{display:grid;grid-template-columns:48px 1fr 160px 200px 120px 90px 160px 40px;align-items:center;gap:.5rem;padding:.75rem 1rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.employee-row-header:hover{background:rgba(255,255,255,.02)}.emp-col{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-secondary);min-width:0}.emp-col-icon{flex-shrink:0;color:var(--text-muted)}.emp-col-photo{justify-content:center}.emp-avatar-img{width:36px;height:36px;border-radius:10px;object-fit:cover;border:2px solid var(--glass-border)}.emp-avatar-placeholder{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--accent-blue),#6366f1);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.emp-col-name{flex-direction:column;align-items:flex-start;gap:2px}.emp-name{font-weight:600;color:var(--text-primary);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.emp-position{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.emp-col-phone span,.emp-col-email span,.emp-col-overtime span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emp-col-label{color:var(--text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.emp-id-value{font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--accent-blue);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emp-col-salary{font-family:JetBrains Mono,monospace;font-size:.82rem;color:var(--text-primary);justify-content:space-between}.emp-salary-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emp-salary-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid var(--glass-border);background:var(--glass-highlight);color:var(--accent-blue);cursor:pointer;flex-shrink:0;transition:all .15s ease}.emp-salary-toggle:hover{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.emp-col-expand{justify-content:center}.emp-expand-icon{color:var(--text-muted);transition:transform .3s ease}.emp-expand-icon.rotated{transform:rotate(180deg);color:var(--accent-blue)}.employee-row-detail{padding:1rem 1.25rem 1.25rem;border-top:1px solid var(--glass-border);animation:emp-detail-in .25s ease}@keyframes emp-detail-in{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:300px;padding-top:1rem;padding-bottom:1.25rem}}.emp-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.85rem 1.5rem;margin-bottom:1rem}.emp-detail-item{display:flex;flex-direction:column;gap:3px}.emp-detail-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;font-weight:500}.emp-detail-value{font-size:.88rem;color:var(--text-primary);font-weight:500;overflow-wrap:anywhere;word-break:break-all}.emp-detail-actions{display:flex;align-items:center;gap:1rem;padding-top:.75rem;border-top:1px solid var(--glass-border)}.emp-face-badge{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;padding:.45rem .85rem;border-radius:8px}.emp-face-badge.registered{background:rgba(34,197,94,.1);color:var(--neon-green);border:1px solid rgba(34,197,94,.25)}@media (max-width: 768px){.employee-list{gap:.5rem;padding:.25rem}.employee-row-header{grid-template-columns:40px 1fr auto 28px;gap:.4rem;padding:.75rem}.emp-col-phone,.emp-col-email,.emp-col-id,.emp-col-overtime{display:none}.emp-col-salary{font-size:.73rem;gap:.3rem;white-space:nowrap}.emp-salary-text{max-width:70px;overflow:hidden;text-overflow:ellipsis}.emp-salary-toggle{width:28px;height:28px;border-radius:6px;padding:4px}.emp-col-name{overflow:hidden;gap:1px}.emp-name{font-size:.83rem}.emp-position{font-size:.7rem}.emp-col-expand{padding-left:2px}.emp-expand-icon{width:16px;height:16px}.emp-avatar-img,.emp-avatar-placeholder{width:32px;height:32px;border-radius:8px;font-size:11px}.employee-row-detail{padding:.85rem 1rem 1rem}.emp-detail-grid{grid-template-columns:1fr 1fr;gap:.5rem 1rem}.emp-detail-label{font-size:.68rem}.emp-detail-value{font-size:.82rem}.emp-detail-actions{flex-direction:column;align-items:stretch;gap:.5rem}.emp-face-badge{font-size:.8rem;padding:.5rem .75rem;justify-content:center}}/**
* Copyright (c) 2014 The xterm.js authors. All rights reserved.
* Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
* https://github.com/chjj/term.js
* @license MIT
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
*
* Originally forked from (with the author's permission):
*   Fabrice Bellard's javascript vt100 for jslinux:
*   http://bellard.org/jslinux/
*   Copyright (c) 2011 Fabrice Bellard
*   The original design remains. The terminal itself
*   has been extended to include xterm CSI codes, among
*   other features.
*/.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility,.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent;pointer-events:none}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}