@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--font-size-2xs: 9px;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-md: 12px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 28px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--gap-xs: var(--spacing-xs);--gap-sm: var(--spacing-sm);--gap-md: var(--spacing-md);--gap-lg: var(--spacing-lg);--gap-xl: var(--spacing-xl);--gap-2xl: var(--spacing-2xl)}*,*:before,*:after{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;box-sizing:border-box;margin:0;padding:0}img{max-width:100%;height:auto}.pro-dashboard-grid,.pro-kpi-row,.pro-two-column-grid{contain:layout style}.pro-kpi-row{min-height:88px}.pro-dashboard-grid{min-height:350px}.pro-chart-body{min-height:180px;contain:layout paint}.sidebar,.pro-chart-card,.pro-card,.pro-kpi-card{transform:translateZ(0);backface-visibility:hidden}.app-layout{contain:layout style paint}html{font-size:12px}.main-content{padding:12px!important}.main-content>div{padding:12px!important}.pro-header,.pro-page-header,.page-header,.tree-header,.logs-page-header,.devices-header,.organizations-header,.settings-header{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:16px!important;margin-bottom:24px!important;padding-bottom:16px!important;border-bottom:1px solid var(--border-color)!important}.pro-header-left,.pro-header-right{display:flex!important;align-items:center!important;gap:var(--gap-md)!important}.pro-title,.page-title,.tree-title,.logs-title,.devices-title{font-size:var(--font-size-3xl)!important;font-weight:var(--font-weight-semibold)!important;color:var(--text-primary)!important;margin:0!important;line-height:var(--line-height-tight)!important}.pro-subtitle,.page-subtitle,.tree-subtitle,.logs-subtitle{font-size:var(--font-size-base)!important;color:var(--text-secondary)!important;margin-top:var(--spacing-xs)!important;line-height:var(--line-height-normal)!important}.pro-subtitle-inline{font-size:var(--font-size-base)!important;font-weight:var(--font-weight-medium)!important;color:transparent!important;background:#76ce18;-webkit-background-clip:text!important;background-clip:text!important;letter-spacing:.5px!important}.pro-kpi-row,.logs-stats-row,.stats-row,.kpi-row,.tree-stats,.ai-kpi-grid,.ap-overview-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:var(--gap-lg)!important;margin-bottom:var(--spacing-2xl)!important}.pro-kpi-card,.logs-stat-card,.stat-card,.kpi-card,.tree-stat-card,.canvas-stat,.ai-kpi-card,.ap-overview-card{padding:var(--spacing-xl)!important;min-height:100px!important;background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-xl)!important;display:flex!important;align-items:center!important;gap:var(--gap-lg)!important;overflow:hidden!important;transition:all .2s ease!important;box-shadow:0 2px 8px #00000026!important;position:relative!important}.pro-kpi-card:before,.logs-stat-card:before,.stat-card:before,.kpi-card:before,.tree-stat-card:before,.ai-kpi-card:before,.ap-overview-card:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:4px!important;background:linear-gradient(90deg,var(--wis-lime, #7ed321),#5fa31a)!important;border-radius:10px 10px 0 0!important}.pro-kpi-card:hover,.logs-stat-card:hover,.stat-card:hover,.kpi-card:hover,.tree-stat-card:hover,.ai-kpi-card:hover,.ap-overview-card:hover{border-color:var(--wis-lime, #7ed321)!important;box-shadow:0 4px 16px #7ed32140!important;transform:translateY(-2px)!important}.pro-kpi-card:nth-child(1):before{background:linear-gradient(90deg,#7ed321,#5fa31a)!important}.pro-kpi-card:nth-child(2):before{background:linear-gradient(90deg,#f97316,#ea580c)!important}.pro-kpi-card:nth-child(3):before{background:linear-gradient(90deg,#3b82f6,#2563eb)!important}.pro-kpi-card:nth-child(4):before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)!important}.pro-kpi-card:nth-child(5):before{background:linear-gradient(90deg,#06b6d4,#0891b2)!important}.pro-kpi-card:nth-child(6):before{background:linear-gradient(90deg,#ec4899,#db2777)!important}.dash-stat-card{transition:all .3s ease!important}.dash-stat-card:hover{transform:translateY(-3px) scale(1.02)!important;box-shadow:0 8px 30px #0003!important}.interface-pill-active{animation:interface-glow 2s ease-in-out infinite}@keyframes interface-glow{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 8px #22c55e40}}@media (prefers-reduced-motion: reduce){.dash-stat-card:hover{transform:none!important}.interface-pill-active{animation:none}}.logs-stat-card:nth-child(1):before{background:linear-gradient(90deg,#7ed321,#5fa31a)!important}.logs-stat-card:nth-child(2):before{background:linear-gradient(90deg,#22c55e,#16a34a)!important}.logs-stat-card:nth-child(3):before{background:linear-gradient(90deg,#eab308,#ca8a04)!important}.logs-stat-card:nth-child(4):before{background:linear-gradient(90deg,#ef4444,#dc2626)!important}.logs-stat-card:nth-child(5):before{background:linear-gradient(90deg,#3b82f6,#2563eb)!important}.tree-stat-card:nth-child(1):before{background:linear-gradient(90deg,#7ed321,#5fa31a)!important}.tree-stat-card:nth-child(2):before{background:linear-gradient(90deg,#29abe2,#1e8cb8)!important}.tree-stat-card:nth-child(3):before{background:linear-gradient(90deg,#8957e5,#6b3fc7)!important}.tree-stat-card:nth-child(4):before{background:linear-gradient(90deg,#f97316,#ea580c)!important}.tree-stat-card:nth-child(5):before{background:linear-gradient(90deg,#22c55e,#16a34a)!important}.ai-kpi-card.critical:before{background:linear-gradient(90deg,#ef4444,#dc2626)!important}.ai-kpi-card.warning:before{background:linear-gradient(90deg,#eab308,#ca8a04)!important}.ai-kpi-card.danger:before{background:linear-gradient(90deg,#f97316,#ea580c)!important}.ai-kpi-card.success:before{background:linear-gradient(90deg,#22c55e,#16a34a)!important}.ap-overview-card:nth-child(1):before{background:linear-gradient(90deg,#ef4444,#dc2626)!important}.ap-overview-card:nth-child(2):before{background:linear-gradient(90deg,#3b82f6,#2563eb)!important}.ap-overview-card:nth-child(3):before{background:linear-gradient(90deg,#f97316,#ea580c)!important}.ap-overview-card:nth-child(4):before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)!important}.pro-kpi-card,.logs-stat-card,.stat-card,.kpi-card,.tree-stat-card,.ai-kpi-card,.ap-overview-card{flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;padding:14px 16px 14px 60px!important;gap:2px!important;position:relative!important}.pro-kpi-content,.ai-kpi-content,.ap-overview-content,.tree-stat-info,.logs-stat-content,.stat-content,.kpi-content{display:flex!important;flex-direction:column!important;width:100%!important}.pro-kpi-value,.logs-stat-value,.stat-value,.kpi-value,.tree-stat-value,.canvas-stat-value,.ai-kpi-value,.ap-overview-value{font-size:24px!important;font-weight:700!important;color:#e6edf3!important;line-height:1.2!important;letter-spacing:-.02em!important;order:2!important}.pro-kpi-unit,.logs-stat-unit,.stat-unit,.kpi-unit,.tree-stat-unit,.canvas-stat-unit,.ai-kpi-unit,.ap-overview-unit{font-size:14px!important;font-weight:600!important;color:#e6edf3!important;margin-left:4px!important}[data-theme=light] .pro-kpi-unit,[data-theme=light] .logs-stat-unit,[data-theme=light] .stat-unit,[data-theme=light] .kpi-unit,[data-theme=light] .tree-stat-unit,[data-theme=light] .canvas-stat-unit,[data-theme=light] .ai-kpi-unit,[data-theme=light] .ap-overview-unit{color:#0f172a!important;font-size:14px!important;font-weight:600!important}[data-theme=light] .pro-kpi-value,[data-theme=light] .logs-stat-value,[data-theme=light] .stat-value,[data-theme=light] .kpi-value,[data-theme=light] .tree-stat-value,[data-theme=light] .canvas-stat-value,[data-theme=light] .ai-kpi-value,[data-theme=light] .ap-overview-value{color:#0f172a!important;font-size:24px!important;font-weight:700!important;line-height:1.2!important}.pro-kpi-label,.logs-stat-label,.stat-label,.kpi-label,.tree-stat-label,.canvas-stat-label,.ai-kpi-label,.ap-overview-label{font-size:11px!important;color:#8b949e!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin-top:0!important;margin-bottom:4px!important;font-weight:500!important;white-space:nowrap!important;order:1!important}[data-theme=light] .pro-kpi-label,[data-theme=light] .logs-stat-label,[data-theme=light] .stat-label,[data-theme=light] .kpi-label,[data-theme=light] .tree-stat-label,[data-theme=light] .canvas-stat-label,[data-theme=light] .ai-kpi-label,[data-theme=light] .ap-overview-label{color:#64748b!important}.pro-kpi-label::selection,.logs-stat-label::selection,.stat-label::selection,.kpi-label::selection,.tree-stat-label::selection,.canvas-stat-label::selection,.ai-kpi-label::selection,.ap-overview-label::selection,.pro-kpi-value::selection,.logs-stat-value::selection,.stat-value::selection,.kpi-value::selection,.tree-stat-value::selection,.canvas-stat-value::selection,.ai-kpi-value::selection,.ap-overview-value::selection{background:#7ed32180!important;color:#fff!important}.ap-overview-sub{font-size:.55rem!important;color:var(--text-muted)!important;margin-top:3px!important}.pro-kpi-icon,.pro-kpi-header svg,.logs-stat-card>svg,.stat-card>svg,.kpi-card>svg,.tree-stat-icon,.ai-kpi-icon,.ap-overview-icon{width:32px!important;height:32px!important;padding:6px!important;background:#7ed32126!important;border-radius:8px!important;flex-shrink:0!important;position:absolute!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important}.pro-kpi-icon svg,.tree-stat-icon svg,.ai-kpi-icon svg,.ap-overview-icon svg{width:18px!important;height:18px!important;padding:0!important;position:static!important;transform:none!important;background:transparent!important}.pro-kpi-card:nth-child(1) .pro-kpi-header svg{background:#7ed32126!important}.pro-kpi-card:nth-child(2) .pro-kpi-header svg{background:#f9731626!important}.pro-kpi-card:nth-child(3) .pro-kpi-header svg{background:#3b82f626!important}.pro-kpi-card:nth-child(4) .pro-kpi-header svg{background:#8b5cf626!important}.pro-kpi-card:nth-child(5) .pro-kpi-header svg{background:#06b6d426!important}.pro-kpi-card:nth-child(6) .pro-kpi-header svg{background:#ec489926!important}.pro-kpi-card:nth-child(1) .pro-kpi-icon{background:#00bcd426!important}.pro-kpi-card:nth-child(2) .pro-kpi-icon{background:#7ed32126!important}.pro-kpi-card:nth-child(3) .pro-kpi-icon{background:#8b5cf626!important}.pro-kpi-card:nth-child(4) .pro-kpi-icon{background:#f9731626!important}.pro-kpi-card:nth-child(5) .pro-kpi-icon{background:#3b82f626!important}.pro-kpi-card:nth-child(6) .pro-kpi-icon{background:#ec489926!important}.logs-stat-card:nth-child(1)>svg{background:#7ed32126!important}.logs-stat-card:nth-child(2)>svg{background:#22c55e26!important}.logs-stat-card:nth-child(3)>svg{background:#eab30826!important}.logs-stat-card:nth-child(4)>svg{background:#ef444426!important}.logs-stat-card:nth-child(5)>svg{background:#3b82f626!important}.tree-stat-card:nth-child(1) .tree-stat-icon{background:#7ed32126!important}.tree-stat-card:nth-child(2) .tree-stat-icon{background:#29abe226!important}.tree-stat-card:nth-child(3) .tree-stat-icon{background:#8957e526!important}.tree-stat-card:nth-child(4) .tree-stat-icon{background:#f9731626!important}.tree-stat-card:nth-child(5) .tree-stat-icon{background:#22c55e26!important}.pro-kpi-footer,.logs-stat-footer,.stat-footer,.kpi-footer,.tree-stat-breakdown,.ai-kpi-footer,.ap-overview-footer,.ap-overview-sub{margin-top:4px!important;width:100%!important;order:3!important}.pro-kpi-stat,.logs-stat-stat,.stat-stat,.kpi-stat,.tree-stat-breakdown span,.ai-kpi-stat,.ap-overview-stat,.ap-overview-sub{font-size:12px!important;color:var(--text-secondary)!important;font-weight:500!important}.pro-kpi-stat.healthy,.tree-stat-breakdown .online{color:#22c55e!important;font-weight:600!important}.pro-kpi-stat.critical,.tree-stat-breakdown .offline{color:#ef4444!important;font-weight:600!important}.tree-stat-icon svg{width:18px!important;height:18px!important}.tree-stat-info{display:flex!important;flex-direction:column!important;gap:0!important}.tree-stat-breakdown{font-size:.65rem!important;margin-left:auto!important}.canvas-stats-panel{gap:14px!important;padding:12px 16px!important;bottom:12px!important;right:12px!important;box-shadow:0 4px 12px #0000004d!important}.pro-card,.card,.content-card{padding:8px!important;background:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:8px!important}.pro-card-header,.card-header{padding:6px 8px!important;border-bottom:1px solid var(--border-color)!important}.pro-card-title,.card-title{font-size:.75rem!important;font-weight:600!important;color:var(--text-primary)!important}.unified-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border-color)}.unified-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;background:transparent;color:var(--text-secondary);border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.unified-tab:hover{background:#ffffff0d;color:var(--text-primary)}.unified-tab-active{background:var(--wis-lime)!important;color:#000!important;font-weight:600!important}.unified-tab-active svg{color:#000!important}.unified-tab-badge,.ai-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;border-radius:10px;background:#ffffff26;color:var(--text-secondary)}.unified-tab-active .unified-tab-badge,.unified-tab-active .ai-tab-badge{background:#00000026;color:#000}[data-theme=light] .unified-tab-badge,[data-theme=light] .ai-tab-badge{background:#00000014;color:#64748b}[data-theme=light] .unified-tab-active .unified-tab-badge,[data-theme=light] .unified-tab-active .ai-tab-badge{background:#ffffff4d;color:#fff}[data-theme=light] .unified-tabs{background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .unified-tab{color:#64748b}[data-theme=light] .unified-tab:hover{background:#0000000d;color:#334155}[data-theme=light] .unified-tab-active{background:var(--wis-lime)!important;color:#fff!important;box-shadow:0 1px 3px #0000001a}[data-theme=light] .unified-tab-active svg{color:#fff!important}.pro-table,.logs-table,.data-table,.ai-table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:8px;overflow:hidden}.pro-table th,.pro-table td,.logs-table th,.logs-table td,.data-table th,.data-table td,.ai-table th,.ai-table td{padding:var(--spacing-md) var(--spacing-lg)!important;font-size:var(--font-size-md)!important;text-align:left!important;border-bottom:1px solid var(--border-color)}.pro-table th,.logs-table th,.data-table th,.ai-table th{font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-semibold)!important;text-transform:uppercase!important;letter-spacing:.5px!important;color:var(--text-muted)!important;background:var(--bg-secondary)!important}.pro-table tbody tr:hover,.logs-table tbody tr:hover,.data-table tbody tr:hover{background:#ffffff05}.pro-table-container,.logs-table-container,.ai-table-container,.table-container{overflow-x:auto!important;margin-top:var(--spacing-md)!important;border-radius:8px;border:1px solid var(--border-color)}.pro-btn,.btn,button.primary,button.secondary{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:10px 20px!important;font-size:14px!important;font-weight:500!important;border-radius:6px!important;border:none!important;cursor:pointer!important;transition:all .15s ease!important;min-height:40px!important;white-space:nowrap!important}.pro-btn-primary,.btn-primary,button.primary{background:var(--wis-lime, #a3e635)!important;color:#000!important}.pro-btn-primary:hover,.btn-primary:hover,button.primary:hover{background:#bef264!important}.pro-btn-secondary,.btn-secondary,button.secondary{background:var(--bg-secondary, #21262d)!important;color:var(--text-primary, #e6edf3)!important;border:1px solid var(--border-color, #30363d)!important}.pro-btn-secondary:hover,.btn-secondary:hover,button.secondary:hover{background:var(--bg-hover, #30363d)!important}.pro-btn-danger{background:#dc2626!important;color:#fff!important}.pro-btn-danger:hover{background:#ef4444!important}.pro-btn-ghost{background:transparent!important;color:var(--text-secondary)!important;border:1px solid var(--border-color)!important}.pro-btn-ghost:hover{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.pro-btn:disabled,.btn:disabled{opacity:.5!important;cursor:not-allowed!important}.pro-btn svg,.btn svg{width:16px!important;height:16px!important;flex-shrink:0!important}.pro-btn-sm,.btn-sm{padding:6px 12px!important;font-size:12px!important;min-height:32px!important}.pro-action-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;padding:0!important;border-radius:6px!important;background:transparent!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;cursor:pointer!important;transition:all .15s ease!important}.pro-action-btn:hover{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.pro-action-btn.danger:hover{background:#dc26261a!important;border-color:#dc2626!important;color:#dc2626!important}.pro-action-btn.assign:hover{background:#a3e6351a!important;border-color:var(--wis-lime)!important;color:var(--wis-lime)!important}.pro-actions{display:flex!important;gap:8px!important;align-items:center!important}.pro-pagination,.pagination{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px!important;border-top:1px solid var(--border-color)!important;background:var(--bg-secondary)!important}.pro-pagination-info,.pagination-info{font-size:13px!important;color:var(--text-secondary)!important}.pro-pagination-buttons,.pagination-buttons{display:flex!important;gap:8px!important}.pro-pagination-buttons .pro-btn,.pagination-buttons .btn{padding:8px 16px!important;min-height:36px!important}.modal,.pro-modal{max-width:480px!important;background:var(--bg-card)!important;border-radius:12px!important;border:1px solid var(--border-color)!important;box-shadow:0 20px 40px #0006!important}.pro-modal-wide{max-width:600px!important}.modal-header,.pro-modal-header,.ap-modal-header,.user-modal-header{padding:20px 24px!important;border-bottom:1px solid var(--border-color)!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.modal-header h2,.pro-modal-title,.pro-modal-title-sm,.ap-modal-title{font-size:18px!important;font-weight:600!important;color:var(--text-primary)!important;margin:0!important}.pro-modal-close{width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:none!important;color:var(--text-secondary)!important;cursor:pointer!important;border-radius:6px!important;transition:all .15s ease!important}.pro-modal-close:hover{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.modal-body,.pro-modal-body{padding:24px!important}.modal-footer,.pro-modal-footer{padding:16px 24px!important;border-top:1px solid var(--border-color)!important;display:flex!important;justify-content:flex-end!important;gap:12px!important;background:var(--bg-secondary)!important}.pro-modal-overlay{position:fixed!important;inset:0!important;background:#000000b3!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999!important;padding:20px!important}.form-group,.pro-form-group{margin-bottom:2px!important}.form-label,.pro-label,.pro-form-label{font-size:13px!important;font-weight:500!important;margin-bottom:6px!important;display:block!important;color:var(--text-secondary)!important}.form-input,.pro-input,.pro-form-input{width:100%!important;padding:10px 14px!important;font-size:14px!important;height:auto!important;min-height:40px!important;border-radius:6px!important;background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;transition:all .15s ease!important}.form-input:focus,.pro-input:focus,.pro-form-input:focus{outline:none!important;border-color:var(--wis-lime)!important;box-shadow:0 0 0 3px #a3e6351a!important}.form-textarea,.pro-textarea{min-height:80px!important;font-size:14px!important;resize:vertical!important}.pro-input-group{display:flex!important}.pro-input-addon{padding:10px 14px!important;font-size:14px!important;background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important}.sidebar{width:52px!important;padding:8px 0!important;position:fixed!important;top:0!important;left:0!important;height:100vh!important;overflow:hidden!important;z-index:1000!important;background:#0d1117!important;border-right:1px solid rgba(45,51,61,.4)!important;margin:0!important}.sidebar-nav{overflow-y:auto!important;overflow-x:hidden!important;max-height:calc(100vh - 120px)!important;scrollbar-width:thin!important;scrollbar-color:rgba(255,255,255,.2) transparent!important}.sidebar-nav::-webkit-scrollbar{width:4px!important}.sidebar-nav::-webkit-scrollbar-track{background:transparent!important}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3!important;border-radius:2px!important}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d!important}.nav-item{padding:5px 6px!important;font-size:.7rem!important}.sidebar-logo{width:52px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:8px 6px!important;flex-shrink:0!important}.sidebar-logo-img{width:36px!important;height:36px!important;object-fit:contain!important;border-radius:6px!important}.main-content{margin-left:52px!important;max-width:calc(100vw - 52px)!important}.logs-tabs-fullwidth{gap:1px!important}.logs-tab-full{padding:5px 8px!important;font-size:.65rem!important}.pro-filter-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--card-bg);border-radius:var(--radius-xl);border:1px solid var(--border-color)}.pro-filter-group{display:flex;flex-direction:row;align-items:center;gap:var(--gap-md)}.pro-filter-label{display:flex;align-items:center;gap:var(--gap-sm);font-size:var(--font-size-md)!important;font-weight:var(--font-weight-semibold)!important;color:var(--text-primary)!important;white-space:nowrap}.pro-filter-label svg{color:var(--wis-lime)}.pro-filter-select{width:100%}.pro-filter-value{font-size:var(--font-size-md)!important;font-weight:var(--font-weight-semibold)!important;color:var(--text-primary)!important}.pro-filter-select:disabled,.pro-select:disabled,.pro-select-large:disabled{opacity:.5;cursor:not-allowed}.pro-filter-select option,.pro-select option,.pro-select-large option{background:var(--bg-card);color:var(--text-primary);padding:var(--spacing-sm)}@media (max-width: 768px){.pro-filter-bar{grid-template-columns:1fr}}[data-theme=light] .pro-filter-bar{background:#fff;border-color:#e2e8f0}[data-theme=light] .pro-filter-select{background-color:transparent;color:#64748b;border-color:#e2e8f0}[data-theme=light] .pro-filter-select option{background:#fff;color:#1e293b}.logs-filter-select,.pro-device-select,.pro-select,.tree-select,.app-auth-time-select,.pro-form-select,.pro-select-modal,.pro-filter-select,.pro-select-large{padding:var(--spacing-sm) var(--spacing-md)!important;font-size:var(--font-size-md)!important;font-weight:var(--font-weight-medium)!important;height:36px!important;min-height:36px!important;border-radius:var(--radius-md)!important;border:1px solid var(--border-color)!important;background:var(--bg-card)!important;background-color:var(--bg-card)!important;color:var(--text-primary)!important;cursor:pointer!important;outline:none!important;transition:all .2s ease!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b949e' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;padding-right:32px!important;position:relative!important;overflow:visible!important}.logs-filter-select:before,.pro-device-select:before,.pro-select:before,.tree-select:before,.app-auth-time-select:before,.pro-form-select:before,.pro-select-modal:before,.pro-filter-select:before,.pro-select-large:before{display:none!important;content:none!important}.logs-filter-select:hover,.pro-device-select:hover,.pro-select:hover,.tree-select:hover,.app-auth-time-select:hover,.pro-form-select:hover,.pro-select-modal:hover,.pro-filter-select:hover,.pro-select-large:hover{border-color:var(--wis-lime)!important}.logs-filter-select:focus,.pro-device-select:focus,.pro-select:focus,.tree-select:focus,.app-auth-time-select:focus,.pro-form-select:focus,.pro-select-modal:focus,.pro-filter-select:focus,.pro-select-large:focus{border-color:var(--wis-lime)!important;box-shadow:0 0 0 2px #7ed32126!important}[data-theme=light] .logs-filter-select,[data-theme=light] .pro-device-select,[data-theme=light] .pro-select,[data-theme=light] .tree-select,[data-theme=light] .app-auth-time-select,[data-theme=light] .pro-form-select,[data-theme=light] .pro-select-modal,[data-theme=light] .pro-filter-select,[data-theme=light] .pro-select-large{background-color:#fff!important;border-color:#e2e8f0!important;color:#0f172a!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important}.status-badge,.status-dot{padding:1px 4px!important;font-size:.55rem!important}.pro-drawer{max-width:240px!important}.logs-search,.pro-search-input,.pro-search input,.ai-search-box input{padding:var(--spacing-sm) var(--spacing-md)!important;font-size:var(--font-size-md)!important;height:36px!important;min-height:36px!important;border-radius:var(--radius-md)!important;border:1px solid var(--border-color)!important;background:var(--bg-card)!important;color:var(--text-primary)!important;outline:none!important;transition:all .2s ease!important}.logs-search:focus,.pro-search-input:focus,.pro-search input:focus,.ai-search-box input:focus{border-color:var(--wis-lime)!important;box-shadow:0 0 0 2px #7ed32126!important}[data-theme=light] .logs-search,[data-theme=light] .pro-search-input,[data-theme=light] .pro-search input,[data-theme=light] .ai-search-box input{background:#fff!important;border-color:#e2e8f0!important;color:#0f172a!important}.pro-chart-title,.logs-chart-title,.chart-title,.ai-chart-title{font-size:var(--font-size-base)!important;font-weight:var(--font-weight-semibold)!important;color:var(--text-primary)!important;margin-bottom:6px!important}.pro-chart-subtitle{font-size:.55rem!important;color:var(--text-muted)!important}.pro-loading,.loading-state,.tree-loading,.ai-loading-state{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:16px!important}.pro-loading-spinner,.loading-spinner,.tree-loading-spinner{width:24px!important;height:24px!important;border-width:2px!important}.pro-empty-state,.empty-state,.ai-empty-state{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:16px!important;text-align:center!important}.pro-empty-state p,.empty-state p,.ai-empty-state p{font-size:.65rem!important;color:var(--text-muted)!important;margin:0!important}.empty-state.small{padding:10px!important}.nav-item svg,.sidebar svg{width:18px!important;height:18px!important}.pro-dashboard-grid,.pro-two-column-grid{gap:10px!important}.top-header{padding:8px 12px!important;gap:0px!important;background:#0d1117!important;border-bottom:1px solid rgba(45,51,61,.4)!important;margin:0!important}.pro-chart-body{min-height:135px!important}.pro-dashboard-grid{min-height:260px!important}.nav-item,.pro-btn-primary,.pro-btn-outline{will-change:background-color,border-color}:root{--primary: #39ff14;--primary-soft: #7dff5c;--primary-hover: #2ecc0f;--wis-lime: #39ff14;--wis-lime-soft: #7dff5c;--wis-lime-glow: rgba(57, 255, 20, .3);--wis-blue: #00a8ff;--wis-blue-soft: #4fc3f7;--wis-blue-glow: rgba(0, 168, 255, .3);--wis-cyan: #00d4ff;--wis-red: #ff4757;--wis-yellow: #ffc107;--wis-green: #2eff8a;--bg-body: #1a1d24;--bg-card: #232830;--bg-card-light: #2a2f3a;--bg-card-lighter: #343a47;--bg-card-hover: rgba(57, 255, 20, .05);--bg-input: #1e2228;--bg-sidebar: #0f1115;--text-primary: #ffffff;--text-secondary: #9ca3af;--text-muted: #6b7280;--text-dim: #4b5563;--border-color: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .12);--shadow-card: 0 4px 24px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow-lime: 0 0 30px var(--wis-lime-glow);--shadow-glow-blue: 0 0 30px var(--wis-blue-glow);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}[data-theme=light]{--primary: #059669;--primary-soft: #10b981;--primary-hover: #047857;--wis-lime: #059669;--wis-lime-soft: #10b981;--wis-lime-glow: rgba(5, 150, 105, .08);--wis-blue: #0369a1;--wis-blue-soft: #0284c7;--wis-blue-glow: rgba(3, 105, 161, .08);--wis-cyan: #0891b2;--wis-red: #dc2626;--wis-yellow: #d97706;--wis-green: #22c55e;--accent-gold: #d4af37;--accent-gold-soft: rgba(212, 175, 55, .15);--accent-success: #22c55e;--accent-warning: #eab308;--bg-body: #f6f7f9;--bg-card: #ffffff;--bg-card-light: #f8f9fb;--bg-card-lighter: #eef1f5;--bg-card-hover: rgba(0, 0, 0, .02);--bg-input: #ffffff;--bg-sidebar: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #6b7280;--text-dim: #94a3b8;--border-color: rgba(0, 0, 0, .06);--border-light: rgba(0, 0, 0, .04);--border-soft: rgba(0, 0, 0, .05);--shadow-card: 0 12px 28px rgba(0, 0, 0, .06);--shadow-card-hover: 0 16px 36px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .08);--shadow-header: 0 1px 10px rgba(0, 0, 0, .05);--shadow-glow-lime: none;--shadow-glow-blue: none}[data-theme=light]{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif!important}[data-theme=light] body{background:#f6f7f9!important;color:#0f172a!important;font-size:14px!important;line-height:1.5!important;-webkit-font-smoothing:antialiased!important}[data-theme=light] .app-layout,[data-theme=light] .main-content,[data-theme=light] .page-container,[data-theme=light] [class*=p-6],[data-theme=light] .pro-noc{background:#f6f7f9!important}[data-theme=light] h1:not(.auth-title):not(.auth-branding-title){font-size:24px!important;font-weight:600!important;color:#0f172a!important;letter-spacing:-.025em!important}[data-theme=light] h2{font-size:18px!important;font-weight:500!important;color:#0f172a!important;letter-spacing:-.01em!important}[data-theme=light] h3{font-size:15px!important;font-weight:500!important;color:#0f172a!important}[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6{font-size:14px!important;font-weight:500!important;color:#0f172a!important}[data-theme=light] p,[data-theme=light] span,[data-theme=light] div{font-size:inherit}[data-theme=light] .text-sm,[data-theme=light] [class*=text-sm]{font-size:13px!important}[data-theme=light] .text-xs,[data-theme=light] [class*=text-xs]{font-size:12px!important}[data-theme=light] .text-lg,[data-theme=light] [class*=text-lg]{font-size:16px!important}[data-theme=light] .text-xl,[data-theme=light] [class*=text-xl]{font-size:18px!important}[data-theme=light] .text-2xl,[data-theme=light] [class*=text-2xl]{font-size:22px!important;font-weight:600!important}[data-theme=light] .text-gray-400,[data-theme=light] .text-gray-500,[data-theme=light] [class*=text-gray-4],[data-theme=light] [class*=text-gray-5],[data-theme=light] .text-gray-600,[data-theme=light] [class*=text-gray-6]{color:#6b7280!important}[data-theme=light] .text-gray-700,[data-theme=light] .text-gray-800,[data-theme=light] .text-gray-900,[data-theme=light] [class*=text-gray-7],[data-theme=light] [class*=text-gray-8],[data-theme=light] [class*=text-gray-9]{color:#0f172a!important}[data-theme=light] .font-bold,[data-theme=light] [class*=font-bold]{font-weight:600!important}[data-theme=light] .font-semibold,[data-theme=light] [class*=font-semibold],[data-theme=light] .font-medium,[data-theme=light] [class*=font-medium]{font-weight:500!important}[data-theme=light] .sidebar{border-right:none!important;box-shadow:0 1px 10px #0000000a!important;background:#fff!important}[data-theme=light] .pro-card,[data-theme=light] [class*=Card],[data-theme=light] .card,[data-theme=light] [class*=rounded-lg][class*=border],[data-theme=light] [class*=rounded-xl][class*=border],[data-theme=light] [class*=shadow]{background:#fff!important;border:none!important;border-radius:14px!important;box-shadow:0 12px 28px #0000000f!important;transition:all .3s ease!important}[data-theme=light] .pro-card:hover,[data-theme=light] [class*=Card]:hover{box-shadow:0 16px 36px #00000014!important}[data-theme=light] [class*=border-gray],[data-theme=light] [class*=border-slate]{border-color:transparent!important}[data-theme=light] [class*=CardContent]{padding:20px 24px!important}[data-theme=light] [class*=CardContent] .text-sm,[data-theme=light] [class*=CardContent] [class*=text-sm],[data-theme=light] .noc-label{font-size:11px!important;font-weight:500!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:.5px!important}[data-theme=light] [class*=CardContent] .text-2xl,[data-theme=light] [class*=CardContent] [class*=text-2xl],[data-theme=light] .noc-value{font-size:24px!important;font-weight:700!important;color:#0f172a!important;margin:4px 0!important;line-height:1.2!important}[data-theme=light] .text-green-600,[data-theme=light] [class*=text-green]{color:#22c55e!important;font-size:13px!important}[data-theme=light] .text-red-600,[data-theme=light] [class*=text-red]{color:#dc2626!important;font-size:13px!important}[data-theme=light] [class*=bg-green],[data-theme=light] [class*=bg-emerald]{background:#22c55e!important}[data-theme=light] [class*=bg-blue]{background:#3b82f6!important}[data-theme=light] [class*=bg-gray-200],[data-theme=light] [class*=bg-slate-200]{background:#0000000f!important}[data-theme=light] .bg-gray-50,[data-theme=light] [class*=bg-gray-50],[data-theme=light] thead tr,[data-theme=light] [class*=TableRow][class*=bg-gray]{background:#f8f9fb!important}[data-theme=light] th,[data-theme=light] [class*=TableHead]{font-size:12px!important;font-weight:500!important;color:#6b7280!important;text-transform:none!important;letter-spacing:0!important;padding:12px 16px!important;border-bottom:1px solid rgba(0,0,0,.05)!important;background:#f8f9fb!important}[data-theme=light] td,[data-theme=light] [class*=TableCell]{font-size:13px!important;color:#0f172a!important;padding:12px 16px!important;border-bottom:1px solid rgba(0,0,0,.05)!important}[data-theme=light] tbody tr:hover td,[data-theme=light] [class*=TableRow]:hover [class*=TableCell]{background:#00000005!important}[data-theme=light] button[class*=outline],[data-theme=light] [class*=btn-outline],[data-theme=light] .pro-btn-outline{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important;color:#0f172a!important;font-size:13px!important;font-weight:500!important;border-radius:8px!important;box-shadow:0 1px 2px #0000000a!important}[data-theme=light] button[class*=outline]:hover,[data-theme=light] [class*=btn-outline]:hover{background:#f8f9fb!important;border-color:#00000026!important}[data-theme=light] button[class*=primary],[data-theme=light] [class*=btn-primary],[data-theme=light] .pro-btn-primary{background:#22c55e!important;color:#fff!important;font-size:13px!important;font-weight:500!important;border-radius:8px!important;border:none!important;box-shadow:0 2px 4px #22c55e33!important}[data-theme=light] button[class*=primary]:hover,[data-theme=light] [class*=btn-primary]:hover{background:#16a34a!important;box-shadow:0 4px 8px #22c55e40!important}[data-theme=light] input,[data-theme=light] select,[data-theme=light] [class*=Input],[data-theme=light] [class*=Select]{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:8px!important;font-size:13px!important;color:#0f172a!important;padding:10px 14px!important}[data-theme=light] input:focus,[data-theme=light] select:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e1a!important;outline:none!important}[data-theme=light] input::placeholder{color:#9ca3af!important}[data-theme=light] [class*=flex][class*=gap][class*=items-end],[data-theme=light] .filter-bar{background:transparent!important}[data-theme=light] label,[data-theme=light] [class*=Label]{font-size:12px!important;font-weight:500!important;color:#6b7280!important;margin-bottom:4px!important}[data-theme=light] [class*=Badge],[data-theme=light] .badge{font-size:11px!important;font-weight:500!important;padding:3px 8px!important;border-radius:6px!important}[data-theme=light] .sidebar-link:hover,[data-theme=light] .sidebar-link-active{background:linear-gradient(90deg,#05966914,#0596690a)}[data-theme=light] .sidebar-link-active{color:#059669;border-left:3px solid #059669}[data-theme=light] .logs-tab-active{background:linear-gradient(135deg,#059669,#10b981)!important;color:#fff!important;box-shadow:0 2px 8px #0596694d!important}[data-theme=light] .logs-tab-active svg{color:#fff!important}[data-theme=light] .pro-device-select{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease}[data-theme=light] .pro-device-select:hover{border-color:#cbd5e1}[data-theme=light] .pro-device-select:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a}[data-theme=light] .pro-btn-primary{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;box-shadow:0 2px 8px #05966940;transition:all .2s ease}[data-theme=light] .pro-btn-primary:hover{background:linear-gradient(135deg,#047857,#059669);box-shadow:0 4px 12px #05966959;transform:translateY(-1px)}[data-theme=light] .pro-table th{background:#f8fafc;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}[data-theme=light] .logs-table th{background:#f8fafc;font-weight:600}[data-theme=light] .status-badge-active{background:linear-gradient(135deg,#0596691f,#10b9811f);color:#059669;border:1px solid rgba(5,150,105,.2);font-weight:500}[data-theme=light] .status-badge-inactive{background:linear-gradient(135deg,#dc26261a,#ef44441a);color:#dc2626;border:1px solid rgba(220,38,38,.2);font-weight:500}[data-theme=light] .log-badge-info{background:linear-gradient(135deg,#0596691a,#10b98114);color:#059669;border:1px solid rgba(5,150,105,.15)}[data-theme=light] .log-badge-warning{background:linear-gradient(135deg,#d977061a,#f59e0b14);color:#d97706;border:1px solid rgba(217,119,6,.15)}[data-theme=light] .log-badge-notice{background:linear-gradient(135deg,#0369a11a,#0ea5e914);color:#0369a1;border:1px solid rgba(3,105,161,.15)}[data-theme=light] .log-badge-error{background:linear-gradient(135deg,#dc26261a,#ef444414);color:#dc2626;border:1px solid rgba(220,38,38,.15)}[data-theme=light] body{background:linear-gradient(180deg,#f8fafc,#f1f5f9)!important;color:#1e293b!important}[data-theme=light] .app-layout{background:transparent!important}[data-theme=light] .sidebar{background:linear-gradient(180deg,#1a1f26,#141820)!important;border-right:1px solid #30363d!important}[data-theme=light] .sidebar-logo{color:var(--wis-lime)!important;font-weight:700}[data-theme=light] .nav-item{color:#8b949e!important;border-radius:8px;transition:all .2s ease}[data-theme=light] .nav-item:hover{background:#ffffff14!important;color:#e6edf3!important}[data-theme=light] .nav-item.active{background:linear-gradient(90deg,#b6ff0026,#b6ff0014)!important;color:var(--wis-lime)!important;font-weight:500}[data-theme=light] .sidebar-section-title{color:#94a3b8!important;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}[data-theme=light] .main-content,[data-theme=light] .page-content{background:transparent!important}[data-theme=light] .header{background:#fff!important;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none!important;box-shadow:0 1px 10px #0000000d!important;height:64px!important}[data-theme=light] .header-title{color:#0f172a!important;font-weight:500!important;font-size:18px!important}[data-theme=light] .header-nav-link{color:#6b7280!important;font-weight:500!important}[data-theme=light] .header-nav-link:hover,[data-theme=light] .header-nav-link.active{color:#0f172a!important}[data-theme=light] .header-icon-btn{color:#64748b!important}[data-theme=light] .header-icon-btn:hover{background:#f1f5f9!important;color:#0f172a!important}[data-theme=light] .pro-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008!important;border-radius:12px!important;transition:all .25s ease!important;overflow:visible!important}[data-theme=light] .pro-card:hover{box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000a!important;border-color:#cbd5e1!important}[data-theme=light] .pro-card:has(.pro-table){transition:box-shadow .25s ease,border-color .25s ease!important;overflow:visible!important}[data-theme=light] .pro-card:has(.pro-table):hover{transform:none!important}[data-theme=light] .flow-card{background:#fff!important;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}[data-theme=light] .kpi-card,[data-theme=light] .chart-card,[data-theme=light] .logs-stat-card,[data-theme=light] .logs-chart-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008!important}[data-theme=light] .pro-title,[data-theme=light] .flow-title,[data-theme=light] .kpi-value,[data-theme=light] .chart-title{color:#0f172a!important}[data-theme=light] .pro-subtitle,[data-theme=light] .kpi-label,[data-theme=light] .logs-stat-label{color:#64748b!important}[data-theme=light] .pro-table{background:#fff!important;border-radius:0!important;overflow:visible!important;border-collapse:separate!important;border-spacing:0!important}[data-theme=light] .pro-th{background:#f8f9fb!important;color:#6b7280!important;border-bottom:1px solid rgba(0,0,0,.05)!important;font-weight:500!important;text-transform:none!important;font-size:12px!important;letter-spacing:0!important;padding:14px 20px!important;position:relative!important}[data-theme=light] .pro-th:first-child{border-radius:8px 0 0!important}[data-theme=light] .pro-th:last-child{border-radius:0 8px 0 0!important}[data-theme=light] .pro-td{color:#334155!important;border-bottom:1px solid #e2e8f0!important;padding:14px 20px!important;font-size:14px!important;background:#fff!important}[data-theme=light] .pro-tr{transition:all .2s ease!important}[data-theme=light] .pro-tr:hover .pro-td{background:linear-gradient(90deg,#0596690a,#05966914)!important}[data-theme=light] .pro-tr:nth-child(2n) .pro-td{background:#f8fafc!important}[data-theme=light] .pro-tr:nth-child(2n):hover .pro-td{background:linear-gradient(90deg,#0596690f,#0596691a)!important}[data-theme=light] .pro-card .pro-table{border:1px solid #e2e8f0!important;border-radius:8px!important;overflow:visible!important}[data-theme=light] .logs-table{background:#fff!important;border-radius:8px!important;overflow:hidden!important;border:1px solid #e2e8f0!important}[data-theme=light] .logs-table th{background:#f8f9fb!important;color:#6b7280!important;border-bottom:1px solid rgba(0,0,0,.05)!important;font-weight:500!important;text-transform:none!important;font-size:14px!important;letter-spacing:0!important;padding:14px 20px!important}[data-theme=light] .logs-table td{color:#334155!important;border-bottom:1px solid #e2e8f0!important;padding:14px 20px!important}[data-theme=light] .logs-table tr:hover td{background:linear-gradient(90deg,#0596690a,#05966914)!important}[data-theme=light] .logs-table-container{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008!important;overflow:hidden!important}[data-theme=light] .pro-device-select{background-color:#fff!important;border:1px solid #e2e8f0!important;color:#0f172a!important}[data-theme=light] .pro-device-select:focus{border-color:#16a34a!important}[data-theme=light] .logs-search{background:#fff!important;border:1px solid #e2e8f0!important;color:#1e293b!important;border-radius:8px!important;transition:all .2s ease!important}[data-theme=light] .logs-search:focus{border-color:#059669!important;box-shadow:0 0 0 3px #0596691a!important}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:#fff!important;border:1px solid #e2e8f0!important;color:#1e293b!important;border-radius:8px!important;transition:all .2s ease!important}[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{border-color:#059669!important;box-shadow:0 0 0 3px #0596691a!important;outline:none!important}[data-theme=light] input:hover,[data-theme=light] select:hover,[data-theme=light] textarea:hover{border-color:#cbd5e1!important}[data-theme=light] .logs-tab{color:#64748b!important;background:transparent!important;font-weight:500!important;border-radius:6px!important;transition:all .2s ease!important}[data-theme=light] .logs-tab:hover{background:#f1f5f9!important;color:#0f172a!important}[data-theme=light] .logs-tab-active{background:linear-gradient(180deg,#0f172a,#1e293b)!important;color:#fff!important;box-shadow:0 4px 12px #0f172a40!important;font-weight:600!important}[data-theme=light] .pro-tabs-list{background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:10px!important;padding:4px!important}[data-theme=light] .pro-tabs-trigger{color:#64748b!important;border-radius:8px!important;transition:all .2s ease!important;font-weight:500!important;padding:10px 20px!important}[data-theme=light] .pro-tabs-trigger:hover{color:#334155!important;background:#0000000d!important}[data-theme=light] .pro-tabs-trigger-active,[data-theme=light] .pro-tabs-trigger[data-selected],[data-theme=light] .pro-tabs-trigger[aria-selected=true]{background:var(--wis-lime)!important;color:#fff!important;font-weight:600!important;box-shadow:0 1px 3px #0000001a!important}[data-theme=light] .pro-btn-primary{background:linear-gradient(180deg,#0f172a,#1e293b)!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #0f172a33!important;transition:all .2s ease!important;font-weight:600!important}[data-theme=light] .pro-btn-primary:hover{background:linear-gradient(180deg,#1e293b,#334155)!important;box-shadow:0 6px 16px #0f172a4d!important;transform:translateY(-1px)}[data-theme=light] .pro-btn-outline{background:#fff!important;border:1px solid #e2e8f0!important;color:#1e293b!important;transition:all .2s ease!important;font-weight:500!important}[data-theme=light] .pro-btn-outline:hover{background:#f8fafc!important;border-color:#cbd5e1!important;box-shadow:0 4px 8px #0000000f!important}[data-theme=light] .pro-btn-ghost{color:#64748b!important;transition:all .2s ease!important}[data-theme=light] .pro-btn-ghost:hover{background:#f1f5f9!important;color:#1e293b!important}[data-theme=light] .user-avatar{background:linear-gradient(135deg,#059669,#10b981)!important;color:#fff!important;box-shadow:0 2px 8px #05966940!important}[data-theme=light] .user-dropdown{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 40px #0000001a,0 2px 10px #0000000f!important;border-radius:12px!important;backdrop-filter:blur(10px)}[data-theme=light] .user-dropdown-header{border-bottom:1px solid #f1f5f9!important;background:linear-gradient(135deg,#f8fafc,#fff)!important;border-radius:12px 12px 0 0!important}[data-theme=light] .user-dropdown-name{color:#1e293b!important;font-weight:600}[data-theme=light] .user-dropdown-email,[data-theme=light] .user-dropdown-role{color:#64748b!important}[data-theme=light] .user-dropdown-item{color:#475569!important;transition:all .15s ease!important;border-radius:6px!important;margin:2px 6px!important}[data-theme=light] .user-dropdown-item:hover{background:linear-gradient(135deg,#f1f5f9,#f8fafc)!important;color:#1e293b!important}[data-theme=light] .pro-badge{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)!important;color:#475569!important;border:1px solid #e2e8f0!important;font-weight:500!important}[data-theme=light] .pro-badge-success{background:linear-gradient(135deg,#0596691f,#10b98114)!important;color:#059669!important;border:1px solid rgba(5,150,105,.2)!important}[data-theme=light] .pro-badge-error{background:linear-gradient(135deg,#dc26261a,#ef44440f)!important;color:#dc2626!important;border:1px solid rgba(220,38,38,.2)!important}[data-theme=light] .pro-badge-warning{background:linear-gradient(135deg,#d977061a,#f59e0b0f)!important;color:#d97706!important;border:1px solid rgba(217,119,6,.2)!important}[data-theme=light] .pro-badge-info{background:linear-gradient(135deg,#0369a11a,#0ea5e90f)!important;color:#0369a1!important;border:1px solid rgba(3,105,161,.2)!important}[data-theme=light] .modal-content{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 25px 50px -12px #00000026,0 10px 20px -5px #00000014!important}[data-theme=light] .modal-header{border-bottom:1px solid #f1f5f9!important;background:linear-gradient(135deg,#f8fafc,#fff)!important;border-radius:16px 16px 0 0!important}[data-theme=light] .modal-title{color:#1e293b!important;font-weight:600!important}[data-theme=light] .modal-footer{border-top:1px solid #f1f5f9!important;background:#fafbfc!important;border-radius:0 0 16px 16px!important}[data-theme=light] .pro-page-header{border-bottom:1px solid #e2e8f0!important}[data-theme=light] .logs-chart-title{color:#0f172a!important}[data-theme=light] .logs-chart-label{color:#64748b!important}[data-theme=light] .logs-chart-value{color:#0f172a!important}[data-theme=light] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=light] ::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}[data-theme=light] ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cbd5e1,#94a3b8);border-radius:4px;border:2px solid #f8fafc}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#94a3b8,#64748b)}[data-theme=light] .user-dropdown-divider{background:linear-gradient(90deg,transparent,#e2e8f0,transparent)!important;height:1px!important}[data-theme=light] .pro-spinner{border-color:#e2e8f0!important;border-top-color:#059669!important;border-right-color:#10b981!important}[data-theme=light] .pro-noc{background:#f8fafc!important}[data-theme=light] .pro-header{background:transparent!important}[data-theme=light] .pro-subtitle,[data-theme=light] .pro-device-info{color:#64748b!important}[data-theme=light] .pro-device-info .text-primary{color:#0284c7!important}[data-theme=light] .pro-device-info .text-success{color:#16a34a!important}[data-theme=light] .pro-page-badge{background:#e2e8f0!important;color:#0f172a!important}[data-theme=light] .pro-selected-device{color:#64748b!important}[data-theme=light] .pro-selected-device strong{color:#0284c7!important}[data-theme=light] .noc-card{background:#fff!important;border:none!important;box-shadow:0 8px 20px #0000000d!important;border-radius:10px!important;padding:14px 16px 14px 60px!important;transition:all .3s ease!important;min-height:100px!important;box-sizing:border-box!important}[data-theme=light] .noc-card:hover{box-shadow:0 16px 36px #00000014!important;transform:translateY(-2px)}[data-theme=light] .noc-card-header{background:transparent!important}[data-theme=light] .noc-card-title,[data-theme=light] .pro-kpi-title{color:#0f172a!important;font-weight:500!important;font-size:13px!important}[data-theme=light] .noc-card-subtitle{color:#6b7280!important;font-size:12px!important}[data-theme=light] .noc-value{color:#0f172a!important;font-weight:700!important;font-size:24px!important;margin:4px 0!important;line-height:1.2!important}[data-theme=light] .noc-label{color:#64748b!important;font-weight:500!important;text-transform:uppercase!important;font-size:11px!important;letter-spacing:.5px!important}[data-theme=light] .pro-kpi-meta,[data-theme=light] .noc-meta{color:#22c55e!important;font-size:12px!important}[data-theme=light] .pro-kpi-change.positive{color:#22c55e!important;background:transparent!important;padding:0!important;font-size:12px!important}[data-theme=light] .pro-kpi-change.negative{color:#dc2626!important;background:transparent!important;padding:0!important;font-size:12px!important}[data-theme=light] .ap-stats-grid .pro-kpi-card{background:#fff!important}[data-theme=light] .ap-icon{background:linear-gradient(135deg,#0596691f,#10b98114)!important;border:1px solid rgba(5,150,105,.15)!important;border-radius:10px!important}[data-theme=light] .ap-icon svg{color:#059669!important}[data-theme=light] .ap-icon.online{background:linear-gradient(135deg,#0596691f,#10b98114)!important;border-color:#05966933!important}[data-theme=light] .ap-icon.warning{background:linear-gradient(135deg,#d977061f,#f59e0b14)!important;border-color:#d9770633!important}[data-theme=light] .ap-icon.offline{background:linear-gradient(135deg,#dc26261a,#ef44440f)!important;border-color:#dc262633!important}[data-theme=light] .chart-container,[data-theme=light] .pro-chart-card{background:#fff!important;border:none!important;border-radius:16px!important;box-shadow:0 12px 28px #0000000f!important}[data-theme=light] .chart-header,[data-theme=light] .pro-chart-header{border-bottom:1px solid rgba(0,0,0,.05)!important;padding:20px 24px!important}[data-theme=light] .chart-title,[data-theme=light] .pro-chart-title{color:#0f172a!important}[data-theme=light] .traffic-table-container{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .traffic-table th{background:#f8fafc!important;color:#475569!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .traffic-table td{color:#0f172a!important;border-bottom:1px solid #f1f5f9!important}[data-theme=light] .traffic-table tr:hover{background:#f8fafc!important}[data-theme=light] .ap-table-wrapper{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .ap-search-input{background:#fff!important;border:1px solid #e2e8f0!important;color:#0f172a!important}[data-theme=light] .ap-search-input::placeholder{color:#94a3b8!important}[data-theme=light] .ap-table th{background:#f8fafc!important;color:#475569!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .ap-table td{color:#0f172a!important;border-bottom:1px solid #f1f5f9!important}[data-theme=light] .ap-table tr:hover{background:#f8fafc!important}[data-theme=light] .ap-info-cards-row{gap:16px}[data-theme=light] .ap-info-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .ap-info-card-header{border-bottom-color:#e2e8f0!important}[data-theme=light] .ap-info-card-title{color:#0f172a!important}[data-theme=light] .ap-info-label{color:#64748b!important}[data-theme=light] .ap-info-value{color:#0f172a!important}[data-theme=light] .ap-overview-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .ap-overview-label{color:#64748b!important}[data-theme=light] .ap-overview-value{color:#0f172a!important}[data-theme=light] .ap-overview-sub{color:#94a3b8!important}[data-theme=light] .ap-overview-icon{background:linear-gradient(135deg,#0596691a,#10b9810d)!important;border:1px solid rgba(5,150,105,.15)!important}[data-theme=light] .ap-overview-icon.warning{background:linear-gradient(135deg,#ef44441a,#dc26260d)!important;border:1px solid rgba(239,68,68,.15)!important}[data-theme=light] .ap-overview-icon svg{color:#059669!important}[data-theme=light] .ap-overview-icon.warning svg{color:#ef4444!important}[data-theme=light] .ap-wifi-tabs{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .ap-wifi-tab{color:#64748b!important}[data-theme=light] .ap-wifi-tab:hover{color:#0f172a!important}[data-theme=light] .ap-wifi-tab.active{color:#3b82f6!important;border-bottom-color:#3b82f6!important}[data-theme=light] .ap-wifi-info-row{border-bottom-color:#f1f5f9!important}[data-theme=light] .ap-wifi-info-label{color:#64748b!important}[data-theme=light] .ap-wifi-info-value{color:#0f172a!important}[data-theme=light] .pro-info-grid{background:transparent!important}[data-theme=light] .pro-info-item{border-bottom-color:#f1f5f9!important}[data-theme=light] .pro-info-label{color:#64748b!important}[data-theme=light] .pro-info-value{color:#0f172a!important}[data-theme=light] .status-healthy,[data-theme=light] .status-online{background:linear-gradient(135deg,#0596691f,#10b98114)!important;color:#059669!important;border:1px solid rgba(5,150,105,.2)!important;font-weight:500!important}[data-theme=light] .status-warning{background:linear-gradient(135deg,#d977061f,#f59e0b14)!important;color:#d97706!important;border:1px solid rgba(217,119,6,.2)!important;font-weight:500!important}[data-theme=light] .status-critical,[data-theme=light] .status-offline{background:linear-gradient(135deg,#dc26261a,#ef44440f)!important;color:#dc2626!important;border:1px solid rgba(220,38,38,.2)!important;font-weight:500!important}[data-theme=light] .progress-bar-bg{background:linear-gradient(90deg,#e2e8f0,#f1f5f9)!important;border-radius:6px!important}[data-theme=light] .healthy-bar{background:linear-gradient(90deg,#059669,#10b981)!important;box-shadow:0 1px 3px #0596694d!important}[data-theme=light] .grid-stat-card{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .grid-stat-value{color:#0f172a!important}[data-theme=light] .grid-stat-label{color:#64748b!important}[data-theme=light] .app-item{background:#f8fafc!important}[data-theme=light] .app-item:hover{background:#f1f5f9!important}[data-theme=light] .app-name{color:#0f172a!important}[data-theme=light] .app-traffic,[data-theme=light] .empty-state{color:#64748b!important}[data-theme=light] .empty-state svg{color:#94a3b8!important}[data-theme=light] .alert-card{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .alert-item{border-bottom:1px solid #f1f5f9!important}[data-theme=light] .alert-message{color:#0f172a!important}[data-theme=light] .alert-device{color:#64748b!important}[data-theme=light] .alert-time{color:#94a3b8!important}[data-theme=light] .severity-critical{background:#dc262626!important;color:#dc2626!important}[data-theme=light] .severity-warning{background:#ca8a0426!important;color:#ca8a04!important}[data-theme=light] .severity-info{background:#0284c726!important;color:#0284c7!important}[data-theme=light] select{background-color:#fff!important;border:1px solid #e2e8f0!important;color:#0f172a!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;padding-right:32px!important}[data-theme=light] select:focus{border-color:#16a34a!important;outline:none!important}[data-theme=light] select option{background:#fff!important;color:#0f172a!important}[data-theme=light] .access-points-page{background:#f8fafc!important}[data-theme=light] .access-points-header{color:#0f172a!important}[data-theme=light] .access-points-subtitle{color:#64748b!important}[data-theme=light] .pro-btn.pro-btn-primary{background:#16a34a!important;color:#fff!important;border:none!important}[data-theme=light] .pro-btn.pro-btn-primary:hover{background:#15803d!important}[data-theme=light] .pro-kpi-row{background:transparent!important}[data-theme=light] .pro-kpi-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000001a!important;min-height:100px!important;padding:14px 16px 14px 60px!important}[data-theme=light] .pro-kpi-card:hover{border-color:#cbd5e1!important;background:#f8fafc!important}[data-theme=light] .dash-stat-card:hover{box-shadow:0 8px 30px #00000014!important}[data-theme=light] .pro-kpi-header{border-bottom:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;margin-bottom:4px!important}[data-theme=light] .pro-kpi-header svg{width:32px!important;height:32px!important;padding:6px!important;border-radius:8px!important;flex-shrink:0!important;position:absolute!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important}[data-theme=light] .pro-kpi-label{color:#64748b!important;font-size:11px!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:.5px!important}[data-theme=light] .pro-kpi-value{color:#0f172a!important;font-size:24px!important;font-weight:700!important;line-height:1.2!important}[data-theme=light] .pro-kpi-unit{color:#0f172a!important;font-size:14px!important;font-weight:600!important}[data-theme=light] .pro-kpi-footer{border-top:none!important;margin-top:4px!important}[data-theme=light] .pro-kpi-stat{color:#64748b!important;font-size:12px!important;font-weight:500!important}[data-theme=light] .pro-kpi-stat.healthy{color:#16a34a!important}[data-theme=light] .pro-kpi-stat.critical{color:#dc2626!important}[data-theme=light] .pro-kpi-stat.warning{color:#ca8a04!important}[data-theme=light] .pro-dashboard-grid,[data-theme=light] .pro-dashboard-main,[data-theme=light] .pro-dashboard-side{background:transparent!important}[data-theme=light] .pro-chart-card{background:#fff!important;border:none!important;border-radius:10px!important;box-shadow:0 8px 20px #0000000d!important;transition:all .3s ease!important;min-height:240px!important}[data-theme=light] .pro-chart-card:hover{box-shadow:0 16px 36px #00000014!important}[data-theme=light] .pro-chart-header{background:transparent!important;border-bottom:1px solid rgba(0,0,0,.05)!important;padding:10px 14px!important}[data-theme=light] .pro-chart-title{color:#0f172a!important}[data-theme=light] .pro-chart-body{background:transparent!important}[data-theme=light] .pro-traffic-table{background:#fff!important}[data-theme=light] .pro-traffic-table th{background:#f8fafc!important;color:#475569!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .pro-traffic-table td{color:#0f172a!important;border-bottom:1px solid #f1f5f9!important}[data-theme=light] .pro-traffic-table tr:hover{background:#f8fafc!important}[data-theme=light] .pro-traffic-name{color:#0f172a!important}[data-theme=light] .pro-traffic-ip{color:#64748b!important}[data-theme=light] .pro-app-list{background:transparent!important}[data-theme=light] .pro-app-item{background:transparent!important;border:none!important;border-bottom:1px solid rgba(0,0,0,.05)!important;padding:14px 0!important;border-radius:0!important}[data-theme=light] .pro-app-item:last-child{border-bottom:none!important}[data-theme=light] .pro-app-item:hover{background:#00000005!important}[data-theme=light] .pro-app-name{color:#0f172a!important;font-weight:500!important}[data-theme=light] .pro-app-traffic{color:#64748b!important}[data-theme=light] .pro-app-bar{background:#e2e8f0!important}[data-theme=light] .pro-device-type-card{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .pro-device-type-item{color:#0f172a!important}[data-theme=light] .pro-device-type-count{color:#64748b!important}[data-theme=light] .pro-activity-card{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .pro-activity-item{border-bottom:1px solid #f1f5f9!important}[data-theme=light] .pro-activity-title{color:#0f172a!important}[data-theme=light] .pro-activity-time{color:#94a3b8!important}[data-theme=light] .pro-ap-section{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .pro-ap-header{border-bottom:1px solid #e2e8f0!important}[data-theme=light] .pro-ap-title{color:#0f172a!important}[data-theme=light] .pro-ap-table{background:#fff!important}[data-theme=light] .pro-ap-table th{background:#f8fafc!important;color:#475569!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .pro-ap-table td{color:#0f172a!important;border-bottom:1px solid #f1f5f9!important}[data-theme=light] .pro-ap-table tr:hover{background:#f8fafc!important}[data-theme=light] .pro-search-input{background:#fff!important;border:1px solid #e2e8f0!important;color:#0f172a!important}[data-theme=light] .pro-search-input::placeholder{color:#94a3b8!important}[data-theme=light] .pro-search-input:focus{border-color:#16a34a!important}[data-theme=light] .pro-table-container{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000001a!important}[data-theme=light] .pro-pagination{background:transparent!important}[data-theme=light] .pro-pagination-btn{background:#fff!important;border:1px solid #e2e8f0!important;color:#0f172a!important}[data-theme=light] .pro-pagination-btn:hover{background:#f8fafc!important}[data-theme=light] .pro-pagination-btn.active{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important}[data-theme=light] h1:not(.auth-title):not(.auth-branding-title),[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6{color:#0f172a!important}[data-theme=light] p,[data-theme=light] label{color:#475569!important}[data-theme=light] .section-title{color:#0f172a!important}[data-theme=light] .section-subtitle{color:#64748b!important}[data-theme=light] .pro-two-column-grid{background:transparent!important}[data-theme=light] .pro-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000001a!important}[data-theme=light] .pro-card-header{background:transparent!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .pro-card-header h2{color:#0f172a!important}[data-theme=light] .pro-card-body,[data-theme=light] .pro-user-list{background:transparent!important}[data-theme=light] .pro-user-item{background:transparent!important;border:none!important;border-bottom:1px solid rgba(0,0,0,.05)!important;padding:14px 0!important;border-radius:0!important}[data-theme=light] .pro-user-item:last-child{border-bottom:none!important}[data-theme=light] .pro-user-item:hover{background:#00000005!important}[data-theme=light] .pro-user-rank{background:#0000000a!important;color:#6b7280!important;font-weight:500!important;font-size:12px!important}[data-theme=light] .pro-user-info,[data-theme=light] .pro-user-name{color:#0f172a!important}[data-theme=light] .pro-user-ip{color:#64748b!important}[data-theme=light] .pro-user-traffic{color:#16a34a!important}[data-theme=light] .pro-dashboard-sidebar{background:transparent!important}[data-theme=light] .pro-chart-subtitle,[data-theme=light] .pro-loading{color:#64748b!important}[data-theme=light] .pro-loading-spinner{border-color:#e2e8f0!important;border-top-color:#16a34a!important}[data-theme=light] .pro-empty-small,[data-theme=light] .pro-empty-small p{color:#64748b!important}[data-theme=light] .pro-stats-grid{background:transparent!important}[data-theme=light] .pro-stat-item{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .pro-stat-label{color:#64748b!important}[data-theme=light] .pro-stat-value{color:#0f172a!important}[data-theme=light] .pro-stat-change{color:#64748b!important}[data-theme=light] .pro-stat-change.up{color:#16a34a!important}[data-theme=light] .pro-stat-change.down{color:#dc2626!important}[data-theme=light] .pro-health-gauge{background:transparent!important}[data-theme=light] .pro-health-gauge-svg circle:first-child{stroke:#0000000f!important}[data-theme=light] .pro-health-gauge-value{color:#0f172a!important;font-size:42px!important;font-weight:600!important}[data-theme=light] .pro-health-score{color:#d4af37!important;font-size:36px!important;font-weight:600!important}[data-theme=light] .pro-health-label{color:#6b7280!important;font-size:13px!important}[data-theme=light] .pro-health-metrics{background:transparent!important}[data-theme=light] .pro-health-metric{border-bottom:1px solid rgba(0,0,0,.05)!important;padding:10px 0!important}[data-theme=light] .pro-health-metric:last-child{border-bottom:none!important}[data-theme=light] .pro-health-metric-label{color:#6b7280!important;font-size:13px!important}[data-theme=light] .pro-health-metric-value{color:#0f172a!important;font-weight:500!important}[data-theme=light] .pro-alerts-panel{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .pro-alerts-list{background:transparent!important}[data-theme=light] .pro-alert-item{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .pro-alert-item:hover{background:#f1f5f9!important}[data-theme=light] .pro-alert-icon{color:#64748b!important}[data-theme=light] .pro-alert-content,[data-theme=light] .pro-alert-header,[data-theme=light] .pro-alert-device{color:#0f172a!important}[data-theme=light] .pro-alert-time{color:#94a3b8!important}[data-theme=light] .pro-alert-message{color:#475569!important}[data-theme=light] .pro-alert-count{background:#dc2626!important;color:#fff!important}[data-theme=light] .pro-empty-alerts{color:#64748b!important}[data-theme=light] .pro-empty-alerts svg{color:#16a34a!important}[data-theme=light] .pro-empty-alerts p{color:#64748b!important}[data-theme=light] .pro-drawer{background:#fff!important;border-left:1px solid #e2e8f0!important}[data-theme=light] .pro-drawer-overlay{background:#0000004d!important}[data-theme=light] .pro-drawer-header{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .pro-drawer-title h3{color:#0f172a!important}[data-theme=light] .pro-drawer-close{color:#64748b!important}[data-theme=light] .pro-drawer-close:hover{color:#0f172a!important;background:#e2e8f0!important}[data-theme=light] .pro-drawer-body{background:#fff!important}[data-theme=light] .pro-drawer-section{border-bottom:1px solid #e2e8f0!important}[data-theme=light] .pro-drawer-section h4{color:#0f172a!important}[data-theme=light] .pro-drawer-label{color:#64748b!important}[data-theme=light] .pro-drawer-value{color:#0f172a!important}[data-theme=light] .pro-drawer-metric-bar{background:#e2e8f0!important}[data-theme=light] .pro-drawer-bw-label{color:#64748b!important}[data-theme=light] .pro-drawer-bw-value{color:#0f172a!important}[data-theme=light] .pro-drawer-footer{background:#f8fafc!important;border-top:1px solid #e2e8f0!important}[data-theme=light] .pro-btn-secondary{background:#f1f5f9!important;border:1px solid #e2e8f0!important;color:#0f172a!important}[data-theme=light] .pro-btn-secondary:hover{background:#e2e8f0!important}[data-theme=light] .pro-ap-stats{color:#0f172a!important}[data-theme=light] .pro-status-dot.status-healthy{background:#16a34a!important}[data-theme=light] .pro-status-dot.status-warning{background:#ca8a04!important}[data-theme=light] .pro-status-dot.status-critical,[data-theme=light] .pro-status-dot.status-offline{background:#dc2626!important}[data-theme=light] .pro-status-badge{background:#f1f5f9!important;color:#475569!important}[data-theme=light] .pro-status-badge.status-healthy{background:#16a34a26!important;color:#16a34a!important}[data-theme=light] .pro-status-badge.status-offline{background:#dc262626!important;color:#dc2626!important}[data-theme=light] .pro-filters{background:#f1f5f9!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .pro-search{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .pro-search svg{color:#64748b!important}[data-theme=light] .pro-search input{color:#0f172a!important;background:transparent!important}[data-theme=light] .pro-search input::placeholder{color:#94a3b8!important}[data-theme=light] .pro-select{background-color:#fff!important;border:1px solid #e2e8f0!important;color:#0f172a!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important}[data-theme=light] .pro-select:focus{border-color:#16a34a!important}[data-theme=light] .pro-filter-label{color:#64748b!important}[data-theme=light] .pro-filter-value{color:#0f172a!important}[data-theme=light] .pro-projects-group-header{background:#f1f5f9!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .pro-projects-group-title{color:#0f172a!important}[data-theme=light] .pro-count-badge{background:#16a34a!important;color:#fff!important}[data-theme=light] .pro-selection-bar{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .pro-selector-label{color:#64748b!important}[data-theme=light] .pro-selector-label svg{color:#16a34a!important}[data-theme=light] .pro-select-large{background-color:#fff!important;border:1px solid #e2e8f0!important;color:#0f172a!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important}[data-theme=light] .pro-select-large:focus{border-color:#16a34a!important}[data-theme=light] .pro-connection-status{background:#16a34a1a!important;border:1px solid rgba(22,163,74,.25)!important;color:#16a34a!important}[data-theme=light] .pro-projects-table{background:#fff!important}[data-theme=light] .pro-projects-table th{background:#f8fafc!important;color:#475569!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .pro-projects-table td{color:#0f172a!important;border-bottom:1px solid #f1f5f9!important}[data-theme=light] .pro-projects-table tr:hover{background:#f8fafc!important}[data-theme=light] .pro-project-name{color:#0f172a!important}[data-theme=light] .pro-project-row-active{border-left:4px solid #16a34a!important}[data-theme=light] .pro-table-header-bar{background:#f1f5f9!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .pro-table-title{color:#0f172a!important}[data-theme=light] .pro-role-badge{background:#3b82f626!important;color:#3b82f6!important}[data-theme=light] .pro-table-wrapper{background:#fff!important;border-radius:16px!important;overflow:visible!important;box-shadow:0 12px 28px #0000000f!important;border:none!important}[data-theme=light] .pro-table{background:#fff!important;border-collapse:separate!important;border-spacing:0!important}[data-theme=light] .pro-table th{background:#f8f9fb!important;color:#6b7280!important;border-bottom:1px solid rgba(0,0,0,.05)!important;font-weight:500!important;text-transform:none!important;font-size:12px!important;letter-spacing:0!important;padding:14px 20px!important}[data-theme=light] .pro-table th:first-child{border-radius:0!important}[data-theme=light] .pro-table th:last-child{border-radius:0!important}[data-theme=light] .pro-table td{color:#0f172a!important;border-bottom:1px solid rgba(0,0,0,.05)!important;padding:14px 20px!important;font-size:11px!important;font-weight:400!important;transition:all .2s ease!important}[data-theme=light] .pro-table tr:hover td{background:#00000005!important}[data-theme=light] .pro-table tbody tr:nth-child(2n) td{background:transparent!important}[data-theme=light] .pro-table tbody tr:nth-child(2n):hover td{background:linear-gradient(90deg,#0596690f,#0596691a)!important}[data-theme=light] .pro-table tbody tr:last-child td{border-bottom:none!important}[data-theme=light] .pro-row.selected{background:#16a34a1a!important}[data-theme=light] .pro-empty{color:#64748b!important}[data-theme=light] .pro-empty p{color:#0f172a!important}[data-theme=light] .pro-empty span{color:#64748b!important}[data-theme=light] .pro-empty svg{color:#94a3b8!important}[data-theme=light] .pro-btn-ghost{background:transparent!important;border:1px solid #e2e8f0!important;color:#475569!important}[data-theme=light] .pro-btn-ghost:hover{background:#f1f5f9!important;color:#0f172a!important}[data-theme=light] .pro-status-active{background:#16a34a26!important;color:#16a34a!important}[data-theme=light] .pro-status-inactive{background:#dc262626!important;color:#dc2626!important}[data-theme=light] .pro-user-search{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .pro-user-search input{color:#0f172a!important;background:transparent!important}[data-theme=light] .pro-user-search input::placeholder{color:#94a3b8!important}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;background:var(--bg-body);color:var(--text-primary);height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;margin:0;padding:0}html{overflow:hidden;height:100vh;margin:0;padding:0}.app-layout{min-height:100vh;background:var(--bg-body)}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:transparent}.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-primary)}.nav-brand-icon{width:36px;height:36px;color:var(--wis-lime)}.nav-brand-text{font-size:20px;font-weight:700;letter-spacing:-.5px}.nav-links{display:flex;gap:8px}.nav-link{padding:10px 20px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;border-radius:var(--radius-sm);transition:all .2s}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:var(--bg-card)}.nav-actions{display:flex;align-items:center;gap:12px}.nav-icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s}.nav-icon-btn:hover{color:var(--text-primary);background:var(--bg-card-light)}.dashboard-grid{display:grid;grid-template-columns:1.8fr 1fr;grid-template-rows:auto auto;gap:20px;padding:0 32px 32px;max-width:1600px;margin:0 auto}.flow-card{grid-row:span 2;background:var(--bg-card);border-radius:var(--radius-xl);padding:32px;position:relative;overflow:hidden}.flow-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.flow-title{font-size:42px;font-weight:700;line-height:1;letter-spacing:-2px}.flow-title-sub{color:var(--text-muted)}.flow-add-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--bg-card-light);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.flow-add-btn:hover{background:var(--bg-card-lighter)}.flow-visual{position:relative;height:320px;margin:20px 0}.flow-output{position:absolute;left:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:16px;z-index:2}.flow-output-box{background:linear-gradient(135deg,var(--wis-lime) 0%,var(--wis-lime-soft) 100%);padding:20px 28px;border-radius:var(--radius-lg);color:#000;box-shadow:var(--shadow-glow-lime)}.flow-output-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:.8}.flow-output-value{font-size:20px;font-weight:700;display:flex;align-items:center;gap:4px}.flow-output-icon{width:52px;height:52px;background:var(--bg-card);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--wis-blue);box-shadow:var(--shadow-glow-blue)}.flow-paths{position:absolute;inset:0 180px}.flow-paths svg{width:100%;height:100%;overflow:visible}.flow-path{fill:none;stroke-width:3;stroke-linecap:round}.flow-path-active{filter:drop-shadow(0 0 8px currentColor)}.flow-path-lime{stroke:var(--wis-lime)}.flow-path-blue{stroke:var(--wis-blue)}.flow-path-dim{stroke:var(--text-dim);opacity:.4}.flow-ports{position:absolute;right:0;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;padding:10px 0;z-index:2}.flow-port{display:flex;align-items:center;gap:16px}.flow-port-info{text-align:right}.flow-port-name{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.flow-port-value{font-size:18px;font-weight:700}.flow-port-toggle{width:52px;height:28px;background:var(--bg-card-light);border-radius:14px;position:relative;cursor:pointer;transition:all .3s}.flow-port-toggle:after{content:"";position:absolute;width:22px;height:22px;background:var(--text-muted);border-radius:50%;top:3px;left:3px;transition:all .3s}.flow-port-toggle.active{background:linear-gradient(90deg,var(--wis-lime),var(--wis-blue))}.flow-port-toggle.active:after{background:#fff;left:27px}.flow-footer{display:flex;align-items:center;gap:48px;padding-top:24px;border-top:1px solid var(--border-color);margin-top:24px}.flow-stat{display:flex;align-items:baseline;gap:8px}.flow-stat-num{font-size:56px;font-weight:700;line-height:1;letter-spacing:-2px}.flow-stat-unit{font-size:24px;color:var(--text-muted);font-weight:500}.flow-stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-left:8px}.flow-load{display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--bg-card-light);border-radius:24px;margin-left:auto}.flow-load-dot{width:10px;height:10px;background:var(--wis-lime);border-radius:50%;animation:pulse 2s ease-in-out infinite}.flow-load-text{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.device-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:28px;position:relative;overflow:hidden}.device-card:before{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,var(--wis-blue-glow) 0%,transparent 70%);pointer-events:none}.device-name{font-size:32px;font-weight:700;letter-spacing:-1px;margin-bottom:8px}.device-badge{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,var(--wis-lime),var(--wis-blue));border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#000;margin-bottom:24px}.device-visual{height:160px;background:linear-gradient(180deg,var(--bg-card-light) 0%,var(--bg-card) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative}.device-visual svg{width:100px;height:100px;color:var(--wis-blue);opacity:.6}.device-power{display:flex;align-items:center;justify-content:center;gap:20px;padding:20px;background:var(--bg-card-light);border-radius:var(--radius-lg)}.device-power-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600}.device-power-btn{width:56px;height:56px;border-radius:50%;background:var(--bg-card);border:2px solid var(--border-light);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.device-power-btn.on{background:var(--wis-lime);border-color:var(--wis-lime);box-shadow:var(--shadow-glow-lime)}.device-power-btn svg{width:28px;height:28px;color:var(--text-muted)}.device-power-btn.on svg{color:#000}.device-power-state{font-size:15px;font-weight:700}.device-power-state.on{color:var(--wis-lime)}.device-power-state.off{color:var(--text-muted)}.gauge-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:28px}.gauge-title{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-align:center;margin-bottom:24px}.gauge-wrap{position:relative;width:220px;height:130px;margin:0 auto 20px}.gauge-svg{width:100%;height:100%}.gauge-bg{fill:none;stroke:var(--bg-card-light);stroke-width:14;stroke-linecap:round}.gauge-fill{fill:none;stroke:url(#gaugeGrad);stroke-width:14;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.gauge-percent{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:52px;font-weight:700;letter-spacing:-2px}.gauge-percent span{font-size:28px;color:var(--text-muted)}.gauge-range{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);padding:0 10px}.gauge-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.gauge-detail{text-align:center}.gauge-detail-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.gauge-detail-value{font-size:15px;font-weight:700;color:var(--wis-lime)}.bottom-row{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px}.detail-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:24px}.detail-card-title{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-row{display:flex;align-items:center;gap:12px}.detail-icon{width:36px;height:36px;background:var(--bg-card-light);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.detail-text{flex:1}.detail-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:16px;font-weight:700}.detail-value.lime{color:var(--wis-lime)}.detail-value.blue{color:var(--wis-blue)}.mini-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center}.mini-card-icon{width:72px;height:72px;background:var(--bg-card-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--wis-blue)}.mini-card-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.mini-card-value{font-size:24px;font-weight:700}.mini-card-sub{font-size:12px;color:var(--text-muted);margin-top:4px}.mini-card-toggle{display:flex;align-items:center;gap:10px;margin-top:12px}.mini-toggle{width:48px;height:26px;background:var(--bg-card-light);border-radius:13px;position:relative;cursor:pointer;transition:all .3s}.mini-toggle:after{content:"";position:absolute;width:20px;height:20px;background:var(--text-muted);border-radius:50%;top:3px;left:3px;transition:all .3s}.mini-toggle.active{background:var(--wis-lime)}.mini-toggle.active:after{background:#000;left:25px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}@keyframes flowAnim{0%{stroke-dashoffset:0}to{stroke-dashoffset:-30}}.animate-flow{stroke-dasharray:15,10;animation:flowAnim 1.5s linear infinite}.auth-container{position:relative;min-height:100vh;width:100%;display:flex;overflow:hidden}.auth-container-centered{position:relative!important;min-height:100vh!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:#0f172a!important;padding:20px!important}.auth-container-centered .auth-card{max-width:400px!important;width:100%!important;margin:0 auto!important}.auth-branding{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#0f172a;padding:40px}.auth-branding-image{width:100%;max-width:500px;height:auto;object-fit:contain;margin-bottom:24px}.auth-branding:after{display:none}.auth-branding-content{text-align:center}.auth-branding-logo,.auth-branding-logo img{display:none}.auth-branding-logo svg{display:none}.auth-branding-title,.auth-container .auth-branding-title,[data-theme=light] .auth-branding-title,[data-theme=dark] .auth-branding-title{font-size:28px!important;font-weight:700!important;color:#fff!important;letter-spacing:-.5px!important;margin-bottom:8px!important;display:block!important;-webkit-text-fill-color:#ffffff!important;background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important}.auth-branding-title span,.auth-container .auth-branding-title span,[data-theme=light] .auth-branding-title span,[data-theme=dark] .auth-branding-title span{color:var(--wis-lime)!important;-webkit-text-fill-color:var(--wis-lime)!important}.auth-branding-subtitle,.auth-container .auth-branding-subtitle,[data-theme=light] .auth-branding-subtitle,[data-theme=dark] .auth-branding-subtitle{font-size:14px!important;color:#ffffffb3!important;max-width:400px;line-height:1.5;-webkit-text-fill-color:rgba(255,255,255,.7)!important}.auth-form-side{width:480px;min-width:420px;display:flex;align-items:center;justify-content:center;padding:40px;background:#0f172a;max-height:100vh;overflow-y:auto}.auth-card{width:100%;max-width:380px;background:#1e293b;backdrop-filter:blur(10px);border:1px solid #334155;border-radius:16px;padding:32px;position:relative;overflow:hidden}.auth-page-home-btn{position:fixed;top:20px;left:20px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#1e293be6;backdrop-filter:blur(8px);border:1px solid #334155;border-radius:12px;color:#94a3b8;cursor:pointer;transition:all .2s ease;z-index:100}.auth-page-home-btn:hover{background:#a3e63526;border-color:#a3e635;color:#a3e635;transform:scale(1.05)}.auth-page-home-btn svg{width:20px;height:20px}@media (max-width: 1024px){.auth-form-side{width:400px;min-width:360px;padding:32px}.auth-branding-title{font-size:28px}}@media (max-width: 768px){.auth-container{flex-direction:column;overflow-y:auto}.auth-branding{min-height:180px;flex:none}.auth-branding-content{padding:24px}.auth-branding-logo img{width:60px;height:60px}.auth-branding-title{font-size:24px}.auth-branding-subtitle{font-size:14px}.auth-form-side{width:100%;min-width:auto;flex:1;padding:24px 16px;max-height:none;overflow-y:visible}.auth-card{max-width:400px;padding:24px}.auth-card-signup{margin:16px 0}}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--wis-lime),var(--wis-blue))}.auth-header{text-align:center;margin-bottom:16px}.auth-logo{color:var(--wis-lime);margin-bottom:12px;display:flex;align-items:center;justify-content:center}.auth-logo-img{width:50px;height:50px;object-fit:contain;border-radius:12px}.auth-title,.auth-card .auth-title,.auth-container .auth-title,[data-theme=light] .auth-title,[data-theme=dark] .auth-title{font-size:18px!important;font-weight:600!important;margin-bottom:4px!important;letter-spacing:-.3px!important;color:#fff!important;-webkit-text-fill-color:#ffffff!important;background:none!important}.auth-subtitle,.auth-card .auth-subtitle,.auth-container .auth-subtitle,[data-theme=light] .auth-subtitle,[data-theme=dark] .auth-subtitle{font-size:12px!important;color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important}.auth-form{display:flex;flex-direction:column;gap:6px}.auth-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ff47571a;border:1px solid rgba(255,71,87,.3);border-radius:var(--radius-md);color:var(--wis-red);font-size:14px;margin-bottom:16px}.auth-success{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#39ff141a;border:1px solid rgba(57,255,20,.3);border-radius:var(--radius-md);color:var(--wis-lime);font-size:14px;margin-bottom:16px}.auth-success-message{text-align:center;padding:24px 0}.auth-success-message svg{margin-bottom:16px}.auth-success-message p{color:#94a3b8;margin-bottom:24px}.auth-popup-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-popup-modal{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(57,255,20,.2);border-radius:16px;padding:40px;max-width:420px;width:90%;box-shadow:0 25px 50px -12px #00000080,0 0 30px #39ff141a;animation:slideUp .3s ease-out}.auth-popup-content{text-align:center}.auth-popup-icon{margin-bottom:24px;display:flex;justify-content:center}.auth-popup-icon svg{filter:drop-shadow(0 0 10px rgba(57,255,20,.5))}.auth-popup-title{color:#fff!important;font-size:24px;font-weight:700;margin-bottom:12px;-webkit-text-fill-color:#ffffff!important}.auth-popup-message{color:#94a3b8;font-size:14px;line-height:1.6;margin-bottom:28px}.auth-popup-modal .btn{margin-top:8px}@media (max-width: 480px){.auth-popup-modal{padding:28px 20px;margin:16px}.auth-popup-title{font-size:20px}.auth-popup-icon svg{width:48px;height:48px}}.auth-footer{text-align:center;margin-top:12px;padding-top:12px;border-top:1px solid rgba(51,65,85,.5);color:#94a3b8;font-size:11px}.auth-link{color:var(--wis-lime);text-decoration:none;font-weight:600;font-size:11px}.auth-link:hover{text-decoration:underline}.auth-form-side-scroll{overflow-y:auto;padding:24px 40px;align-items:flex-start}.auth-card-signup{max-width:420px;margin:20px 0}.auth-section{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.auth-section-title{color:#94a3b8!important;font-size:11px!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;-webkit-text-fill-color:#94a3b8!important}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 480px){.form-row{grid-template-columns:1fr}.auth-form-side-scroll{padding:16px}.auth-card-signup{max-width:100%}}.auth-card .form-input{background:#0f172acc!important;border:1px solid rgba(51,65,85,.6)!important;color:#fff!important}.auth-card .form-input:focus{border-color:var(--wis-lime)!important;box-shadow:0 0 0 3px var(--wis-lime-glow)!important}.auth-card .form-input::placeholder{color:#64748b!important}.auth-card .password-toggle{color:#64748b}.auth-card .password-toggle:hover{color:#94a3b8}.auth-card .forgot-link{color:var(--wis-blue)}.form-group{display:flex;flex-direction:column;gap:2px}.form-label{font-size:11px!important;font-weight:600!important;color:#fff}.form-input{padding:10px 12px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:12px!important;font-weight:500!important;transition:all .2s}.form-input:focus{outline:none;border-color:var(--wis-lime);box-shadow:0 0 0 3px var(--wis-lime-glow)}.form-input::placeholder{color:var(--text-muted)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-input-error{border-color:#ef4444!important;background:#ef44440d}.form-input-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444426!important}.form-error{display:block;color:#ef4444;font-size:12px;margin-top:4px;font-weight:500}.form-textarea{resize:vertical;min-height:80px}.form-hint{font-size:12px;color:var(--text-muted)}.form-actions{display:flex;justify-content:flex-end}.forgot-link{font-size:12px;color:var(--wis-blue);text-decoration:none;font-weight:500}.forgot-link:hover{text-decoration:underline}.password-input-wrapper{position:relative}.password-input-wrapper .form-input{padding-right:50px}.password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px}.password-toggle:hover{color:var(--text-secondary)}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer}.checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:var(--wis-lime)}.checkbox-text{font-size:14px;color:var(--text-secondary)}.otp-input{text-align:center;font-size:28px;letter-spacing:10px;font-family:monospace}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--radius-md);font-size:12px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--wis-lime),var(--wis-lime-soft));color:#000;font-size:12px!important;font-weight:600!important}.btn-primary:hover{box-shadow:var(--shadow-glow-lime);transform:translateY(-1px)}.btn-secondary{background:var(--bg-card-light);color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{background:var(--bg-card-lighter)}.btn-full{width:100%;font-size:12px!important;font-weight:600!important}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-spinner{width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.online{background:#39ff1426;color:var(--wis-lime)}.status-badge.offline{background:#ff475726;color:var(--wis-red)}.status-badge.warning{background:#ffc10726;color:var(--wis-yellow)}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-secondary);font-size:16px}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--border-color)}th{font-size:11px;text-transform:uppercase;color:var(--text-muted);font-weight:600;letter-spacing:.5px}tr:hover td{background:var(--bg-card-light)}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:1fr}.flow-card{grid-row:auto}.bottom-row{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.top-nav{padding:12px 16px}.nav-links{display:none}.dashboard-grid{padding:0 16px 16px;gap:16px}.bottom-row{grid-template-columns:1fr}.flow-visual{height:200px}.detail-grid{grid-template-columns:1fr}}.app-layout{display:flex;height:100vh;overflow:hidden;gap:0;margin:0;padding:0}.sidebar{width:68px;background:#0d1117;border-right:1px solid rgba(45,51,61,.4);display:flex;flex-direction:column;align-items:center;padding:12px 0;position:fixed;top:0;left:0;height:100vh;z-index:100;margin:0}.sidebar-logo{width:64px;height:64px;display:flex;align-items:center;justify-content:center;color:var(--wis-lime, #B6FF00);margin-bottom:28px;text-decoration:none;filter:drop-shadow(0 0 8px rgba(182,255,0,.3))}.sidebar-nav{display:flex;flex-direction:column;gap:6px;flex:1;padding:0 10px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--wis-border, #30363d) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--wis-border, #30363d);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--wis-text-muted, #8b949e)}.nav-item{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#8b9199b3;background:transparent;border:none;cursor:pointer;transition:all .25s ease;text-decoration:none;position:relative}.nav-item:hover{color:#fff;background:#252a3399}.nav-item.active{color:var(--wis-lime, #B6FF00);background:#b6ff0014;box-shadow:0 0 20px #b6ff0026,inset 0 0 0 1px #b6ff0033}.nav-item.active:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--wis-lime, #B6FF00);border-radius:0 2px 2px 0;box-shadow:0 0 10px var(--wis-lime, #B6FF00)}.sidebar-footer{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:auto;padding-top:12px;border-top:1px solid rgba(48,54,61,.5)}.nav-item.theme-active{color:#fbbf24!important}.nav-item.theme-active:hover{color:#fbbf24!important;background:#fbbf241a}.nav-item.logout-btn:hover{color:#ef4444!important;background:#ef44441a}.sidebar-nav .animate-spin{animation:sidebar-spin 1s linear infinite}@keyframes sidebar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-content{flex:1;margin-left:52px;display:flex;flex-direction:column;height:100vh;max-width:calc(100vw - 52px);overflow-x:hidden;overflow-y:auto;padding:0;margin-top:0}.top-header{display:flex;align-items:center;gap:16px;padding:0 16px;background:#0d1117;border-bottom:1px solid rgba(45,51,61,.4);position:sticky;top:0;z-index:50;margin:0;height:48px;min-height:48px}.header-brand{display:flex;align-items:center;gap:8px;margin:0;padding:0}.brand-name{font-size:18px;font-weight:700;letter-spacing:-.5px;margin:0;padding:0}.network-pulse-container{display:flex;align-items:center;margin-left:20px;height:40px}.network-line{position:relative;width:280px;height:40px;display:flex;align-items:center}.network-line:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,#7ed3211a,#7ed3214d 20% 80%,#7ed3211a);transform:translateY(-50%)}.network-line:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 40' preserveAspectRatio='none'%3E%3Cpath d='M0,20 L40,20 L50,20 L55,8 L60,32 L65,5 L70,35 L75,15 L80,25 L85,20 L100,20 L140,20 L150,20 L155,8 L160,32 L165,5 L170,35 L175,15 L180,25 L185,20 L200,20 L240,20 L250,20 L255,12 L260,28 L265,20 L280,20' fill='none' stroke='%237ed321' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;background-size:100% 100%;opacity:.6}.network-pulse{position:absolute;top:0;left:-60px;width:60px;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(126,211,33,.8) 50%,transparent 100%);filter:blur(8px);animation:heartbeatSweep 2.5s ease-in-out infinite}.network-dot{position:absolute;width:6px;height:6px;background:var(--wis-lime, #7ed321);border-radius:50%;top:50%;transform:translateY(-50%);box-shadow:0 0 8px var(--wis-lime, #7ed321),0 0 16px #7ed32199;animation:heartbeatPulse 1.2s ease-in-out infinite}.network-dot.dot-1{left:65px;animation-delay:0s}.network-dot.dot-2{left:165px;animation-delay:.4s}.network-dot.dot-3{left:260px;animation-delay:.8s}@keyframes heartbeatPulse{0%,to{opacity:.3;transform:translateY(-50%) scale(.6)}15%{opacity:1;transform:translateY(-50%) scale(1.4)}30%{opacity:.8;transform:translateY(-50%) scale(1)}45%{opacity:1;transform:translateY(-50%) scale(1.2)}60%{opacity:.5;transform:translateY(-50%) scale(.8)}}@keyframes heartbeatSweep{0%{left:-60px;opacity:0}10%{opacity:.8}90%{opacity:.8}to{left:280px;opacity:0}}.org-selector{position:relative}.org-selector-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-card-light);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s}.org-selector-btn:hover{background:var(--bg-card-lighter)}.org-dropdown{position:absolute;top:100%;left:0;margin-top:4px;min-width:200px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);z-index:100;overflow:hidden}.org-dropdown-item{width:100%;display:block;padding:12px 16px;background:none;border:none;text-align:left;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s}.org-dropdown-item:hover{background:var(--bg-card-light);color:var(--text-primary)}.org-dropdown-item.active{color:var(--wis-lime);background:#39ff141a}.header-nav{display:flex;gap:8px;margin-left:auto}.header-nav-link{padding:8px 16px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;border-radius:var(--radius-sm);transition:all .2s}.header-nav-link:hover,.header-nav-link.active{color:var(--text-primary);background:var(--bg-card-light)}.header-search{display:flex;align-items:center;background:var(--bg-card);border:2px solid var(--border-color);border-radius:10px;padding:10px 16px;gap:10px;min-width:280px;max-width:400px;flex:1;transition:all .2s ease;box-shadow:0 2px 8px #00000026}.header-search:focus-within{border-color:var(--wis-lime, #B6FF00);box-shadow:0 0 0 3px #b6ff0040,0 2px 8px #00000026}.header-search-icon{color:var(--text-muted);flex-shrink:0}.header-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:14px;font-weight:500;padding:6px 0}.header-search-input::placeholder{color:var(--text-muted)}[data-theme=light] .top-header{background:#fff!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 1px 10px #0000000d!important}[data-theme=light] .brand-name{color:#0f172a!important;font-weight:700!important;text-shadow:none!important}[data-theme=light] .header-brand{color:#0f172a!important}[data-theme=light] .sidebar-logo{filter:none!important;color:#059669!important;background:#f1f5f9!important;border-radius:6px!important;padding:6px!important;box-shadow:0 2px 6px #0000000f!important;margin:0!important;width:52px!important;height:48px!important}[data-theme=light] .sidebar-logo-img{filter:none!important;opacity:1!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;object-fit:contain!important;border-radius:4px!important;display:block!important}[data-theme=light] .header-search{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .header-search:focus-within{border-color:#18181b;box-shadow:0 0 0 2px #18181b1a}.header-actions{display:flex;align-items:center;gap:12px}.header-icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .2s}.header-icon-btn:hover{color:var(--text-primary);background:var(--bg-card-light)}.theme-toggle-btn{position:relative}.theme-toggle-btn svg{transition:transform .3s ease}.theme-toggle-btn:hover svg{transform:rotate(15deg)}[data-theme=light] .theme-toggle-btn:hover svg{color:var(--wis-blue)}[data-theme=dark] .theme-toggle-btn:hover svg{color:var(--wis-yellow)}.user-menu{position:relative}.user-menu-btn{background:none;border:none;cursor:pointer;padding:0}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--wis-lime),var(--wis-blue));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;font-weight:700;font-size:14px}.user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;min-width:220px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);z-index:100;overflow:hidden}.user-dropdown-header{padding:16px;border-bottom:1px solid var(--border-color)}.user-dropdown-name{font-weight:600;font-size:14px}.user-dropdown-email{font-size:12px;color:var(--text-muted);margin-top:2px}.user-dropdown-role{display:inline-block;padding:4px 8px;background:var(--bg-card-light);border-radius:10px;font-size:10px;text-transform:uppercase;color:var(--wis-blue);margin-top:8px}.user-dropdown-divider{height:1px;background:var(--border-color)}.user-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;text-align:left;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s;text-decoration:none}.user-dropdown-item:hover{background:var(--bg-card-light);color:var(--text-primary)}.dropdown-overlay{position:fixed;inset:0;z-index:90}.page-content{flex:1;padding:16px;overflow-y:auto;overflow-x:auto;max-width:100%;margin:0}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header-content{display:flex;flex-direction:column;gap:4px}.page-title{font-size:24px;font-weight:700;letter-spacing:-.5px}.page-subtitle{font-size:14px;color:var(--text-muted)}.content-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:24px}.mb-4{margin-bottom:24px}.card-title{font-size:18px;font-weight:700;margin-bottom:8px}.card-title.danger{color:var(--wis-red)}.card-description{font-size:14px;color:var(--text-muted);margin-bottom:24px}.selector-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.selector-group{display:flex;flex-direction:column;gap:6px}.selector-label{display:flex;align-items:center;gap:6px;font-size:14px!important;font-weight:600!important;color:#fff!important;text-transform:none;letter-spacing:.3px}.selector-select{padding:12px 16px;background:var(--bg-input);border:1px solid var(--wis-lime);border-radius:var(--radius-sm);color:#fff!important;font-size:15px!important;font-weight:600!important;min-width:200px;cursor:pointer}.selector-select:focus{outline:none;border-color:var(--wis-blue)}.selector-select:disabled{opacity:.5;cursor:not-allowed}.status-badge.success{background:#39ff1426;color:var(--wis-lime)}.table-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.search-input{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex:1;max-width:320px}.search-input input{flex:1;background:none;border:none;color:var(--text-primary);font-size:14px}.search-input input:focus{outline:none}.search-input input::placeholder{color:var(--text-muted)}.search-input svg{color:var(--text-muted)}.table-info{font-size:13px;color:var(--text-muted)}.table-info strong{color:var(--text-primary)}.data-table{overflow-x:auto}.data-table table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{font-size:11px;text-transform:uppercase;color:var(--text-muted);font-weight:600;letter-spacing:.5px;background:var(--bg-card-light)}.data-table tr:hover td{background:var(--bg-card-light)}.font-mono{font-family:ui-monospace,SFMono-Regular,SF Mono,monospace;font-size:13px}.font-medium{font-weight:500}.text-muted{color:var(--text-muted)}.badge{display:inline-flex;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;background:var(--bg-card-light);color:var(--text-secondary)}.badge-lime{background:#39ff1426;color:var(--wis-lime)}.badge-blue{background:#00a8ff26;color:var(--wis-blue)}.badge-red{background:#ff475726;color:var(--wis-red)}.status-indicator{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.status-indicator:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.status-indicator.online{color:var(--wis-lime)}.status-indicator.offline{color:var(--wis-red)}.action-buttons{display:flex;gap:8px}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-card-light);border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .2s}.btn-icon:hover{color:var(--text-primary);background:var(--bg-card-lighter)}.btn-icon.danger:hover{color:var(--wis-red);background:#ff475726}.btn-sm{padding:8px 14px;font-size:12px}.btn-danger{background:var(--wis-red);color:#fff}.btn-danger:hover{box-shadow:0 0 20px #ff475766}.pagination{display:flex;align-items:center;justify-content:space-between;padding-top:20px;margin-top:20px;border-top:1px solid var(--border-color)}.pagination-buttons{display:flex;gap:8px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-muted)}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state h3{font-size:18px;color:var(--text-primary);margin-bottom:8px}.empty-state p{font-size:14px;margin-bottom:20px}.empty-state.small{padding:40px 20px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-muted)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--wis-blue);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-body)}.page-loading{min-height:50vh}@keyframes skeleton-pulse{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}.skeleton{background:linear-gradient(90deg,var(--bg-card-light) 25%,var(--bg-card-lighter) 50%,var(--bg-card-light) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-text{height:16px;width:80%;margin-bottom:8px}.skeleton-title{height:24px;width:60%;margin-bottom:12px}.skeleton-card{min-height:280px;padding:16px}.skeleton-kpi{min-height:88px}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal{width:100%;max-width:480px;background:var(--bg-card);border-radius:var(--radius-xl);overflow:hidden}.modal-lg{max-width:700px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:18px;font-weight:700}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-card-light);border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all .2s}.modal-close:hover{color:var(--text-primary);background:var(--bg-card-lighter)}.modal-body{padding:24px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid var(--border-color)}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--bg-card);border-radius:var(--radius-md);padding:12px 14px;display:flex;align-items:center;gap:10px}.stat-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.stat-icon svg{width:18px;height:18px}.stat-icon.blue{background:#00a8ff26;color:var(--wis-blue)}.stat-icon.lime{background:#39ff1426;color:var(--wis-lime)}.stat-icon.red{background:#ff475726;color:var(--wis-red)}.stat-content{flex:1}.stat-value{font-size:20px;font-weight:700;line-height:1}.stat-label{font-size:11px;color:var(--text-muted);margin-top:2px}.ap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.ap-card{background:var(--bg-card-light);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--border-color);transition:all .2s}.ap-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-card)}.ap-card.online{border-color:#39ff144d}.ap-card.offline{border-color:#ff47574d;opacity:.8}.ap-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ap-icon{width:40px;height:40px;background:var(--bg-card);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--wis-blue)}.ap-status{padding:4px 10px;border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase}.ap-status.online{background:#39ff1426;color:var(--wis-lime)}.ap-status.offline{background:#ff475726;color:var(--wis-red)}.ap-card-body{margin-bottom:16px}.ap-name{font-size:16px;font-weight:600;margin-bottom:12px}.ap-info{display:flex;flex-direction:column;gap:8px}.ap-info-row{display:flex;justify-content:space-between;font-size:13px}.ap-info-label{color:var(--text-muted)}.ap-info-value{color:var(--text-primary)}.ap-card-footer{padding-top:16px;border-top:1px solid var(--border-color)}.logs-container{display:flex;flex-direction:column;gap:12px}.log-entry{padding:16px;background:var(--bg-card-light);border-radius:var(--radius-md);border-left:3px solid var(--text-muted)}.log-entry.log-error{border-left-color:var(--wis-red)}.log-entry.log-warning{border-left-color:var(--wis-yellow)}.log-entry.log-info{border-left-color:var(--wis-blue)}.log-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.log-timestamp{font-size:12px;color:var(--text-muted);font-family:monospace}.log-level{padding:2px 8px;border-radius:8px;font-size:10px;font-weight:600;text-transform:uppercase;background:var(--bg-card)}.log-source{font-size:12px;color:var(--wis-blue)}.log-message{font-size:14px;line-height:1.5}.log-details{margin-top:12px}.log-details summary{font-size:12px;color:var(--text-muted);cursor:pointer}.log-details pre{margin-top:8px;padding:12px;background:var(--bg-input);border-radius:var(--radius-sm);font-size:12px;overflow-x:auto;max-height:200px}.settings-layout{display:grid;grid-template-columns:200px 1fr;gap:24px}.settings-nav{display:flex;flex-direction:column;gap:4px}.settings-nav-item{display:flex;align-items:center;gap:10px;padding:12px 16px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:14px;cursor:pointer;transition:all .2s;text-align:left}.settings-nav-item:hover{color:var(--text-primary);background:var(--bg-card)}.settings-nav-item.active{color:var(--wis-lime);background:#39ff141a}.settings-content{flex:1}.settings-form{display:flex;flex-direction:column;gap:20px}.preference-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border-color)}.preference-info h3{font-size:14px;font-weight:600;margin-bottom:4px}.preference-info p{font-size:13px;color:var(--text-muted)}.toggle-switch{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.toggle-switch.active{color:var(--wis-lime)}.danger-actions{display:flex;flex-direction:column;gap:16px}.danger-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#ff47570d;border:1px solid rgba(255,71,87,.2);border-radius:var(--radius-md)}.danger-info h3{font-size:14px;font-weight:600;margin-bottom:4px}.danger-info p{font-size:13px;color:var(--text-muted)}.alert{padding:12px 16px;border-radius:var(--radius-md);font-size:14px;margin-bottom:20px}.alert-success{background:#39ff141a;border:1px solid rgba(57,255,20,.3);color:var(--wis-lime)}.alert-error{background:#ff47571a;border:1px solid rgba(255,71,87,.3);color:var(--wis-red)}.pending-card{border:1px solid rgba(255,193,7,.3)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-header-left{display:flex;align-items:center;gap:10px;color:var(--wis-yellow)}.card-header-left h3{font-size:16px;font-weight:600;color:var(--text-primary)}.pending-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.pending-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-card-light);border-radius:var(--radius-md)}.pending-info{flex:1;min-width:0}.pending-name{font-weight:600;font-size:14px;margin-bottom:4px}.pending-email{font-size:12px;color:var(--text-muted);margin-bottom:8px}.pending-meta{display:flex;gap:8px}.detail-section{margin-bottom:24px}.detail-section h3{font-size:14px;font-weight:600;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px;letter-spacing:.5px}.detail-json{padding:16px;background:var(--bg-input);border-radius:var(--radius-sm);font-size:12px;font-family:monospace;overflow-x:auto;max-height:300px}a.mini-card{text-decoration:none;color:inherit;transition:all .2s}a.mini-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.tabs-container{background:var(--bg-card);border-radius:var(--radius-xl);overflow:hidden}.tabs-header{display:flex;gap:4px;padding:16px 24px;border-bottom:1px solid var(--border-color);overflow-x:auto}.tab-btn{padding:10px 20px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.tab-btn:hover{color:var(--text-primary);background:var(--bg-card-light)}.tab-btn.active{color:var(--wis-lime);background:#39ff141a}.tabs-content{padding:24px}.org-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.org-card{background:var(--bg-card-light);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--border-color);cursor:pointer;transition:all .2s}.org-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-card)}.org-card.selected{border-color:var(--wis-lime);box-shadow:0 0 0 2px #39ff1433}.org-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.org-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--wis-lime),var(--wis-blue));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#000}.org-info{flex:1}.org-name{font-size:16px;font-weight:600;margin-bottom:4px}.org-email{font-size:13px;color:var(--text-muted)}.org-details{margin-bottom:16px}.org-detail{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.org-actions{display:flex;gap:8px;padding-top:16px;border-top:1px solid var(--border-color)}.interface-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.interface-card{background:var(--bg-card-light);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--border-color)}.interface-card.up{border-color:#39ff144d}.interface-card.down{border-color:#ff47574d;opacity:.7}.interface-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.interface-icon{width:40px;height:40px;background:var(--bg-card);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--wis-blue)}.interface-name{font-size:16px;font-weight:600;margin-bottom:4px}.interface-type{font-size:12px;color:var(--text-muted)}.interface-details{display:flex;flex-direction:column;gap:8px}.interface-detail{display:flex;justify-content:space-between;font-size:13px}.interface-detail-label{color:var(--text-muted)}.interface-detail-value{color:var(--text-primary);font-family:monospace}.page-header-back{margin-right:12px}.page-actions{display:flex;gap:12px}.device-status-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}.device-info{display:flex;align-items:center;gap:16px}.device-avatar{width:56px;height:56px;background:var(--bg-card-light);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--wis-blue)}.device-meta h2{font-size:20px;font-weight:700;margin-bottom:4px}.device-type{font-size:13px;color:var(--text-muted);text-transform:capitalize}.device-quick-info{display:flex;gap:32px;flex-wrap:wrap}.quick-info-item{display:flex;flex-direction:column;gap:4px}.quick-info-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.quick-info-value{font-size:14px;font-weight:500}.status-badge.error{background:#ff475726;color:var(--wis-red)}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:14px;font-weight:500}.mt-4{margin-top:24px}.bandwidth-stats{display:flex;gap:24px;flex-wrap:wrap}.bandwidth-item{display:flex;align-items:center;gap:12px;padding:16px 24px;background:var(--bg-card-light);border-radius:var(--radius-md)}.bandwidth-item.upload svg{color:var(--wis-lime)}.bandwidth-item.download svg{color:var(--wis-blue)}.bandwidth-label{display:block;font-size:12px;color:var(--text-muted)}.bandwidth-value{display:block;font-size:18px;font-weight:700}.signal-strength{display:inline-block;padding:4px 8px;border-radius:8px;font-size:11px;font-weight:600}.signal-strength.excellent{background:#39ff1426;color:var(--wis-lime)}.signal-strength.good{background:#ffc10726;color:var(--wis-yellow)}.signal-strength.poor{background:#ff475726;color:var(--wis-red)}.log-viewer{max-height:400px;overflow-y:auto;background:var(--bg-input);border-radius:var(--radius-md);padding:16px}.log-line{padding:4px 0;border-bottom:1px solid var(--border-color)}.log-line:last-child{border-bottom:none}.log-line pre{font-size:12px;font-family:monospace;white-space:pre-wrap;word-break:break-all;color:var(--text-secondary);margin:0}.config-actions{display:flex;flex-wrap:wrap;gap:12px}.maintenance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.maintenance-card{background:var(--bg-card-light);border-radius:var(--radius-lg);padding:24px;text-align:center;border:1px solid var(--border-color)}.maintenance-icon{width:64px;height:64px;background:var(--bg-card);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--wis-blue)}.maintenance-card h3{font-size:16px;font-weight:600;margin-bottom:8px}.maintenance-card p{font-size:13px;color:var(--text-muted);margin-bottom:16px}.action-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.action-card{background:var(--bg-card-light);border-radius:var(--radius-lg);padding:20px;text-align:center;border:1px solid var(--border-color);cursor:pointer;transition:all .2s}.action-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.action-card.danger{border-color:#ff47574d}.action-card.danger:hover{border-color:var(--wis-red)}.action-icon{width:48px;height:48px;background:var(--bg-card);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:var(--wis-blue)}.action-card.danger .action-icon{color:var(--wis-red)}.action-card h4{font-size:14px;font-weight:600;margin-bottom:4px}.action-card p{font-size:12px;color:var(--text-muted)}.rule-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.rule-status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.rule-status.active{color:var(--wis-lime)}.rule-status.inactive{color:var(--text-muted)}.auth-method-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.auth-method-card{background:var(--bg-card-light);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border-color)}.auth-method-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.auth-method-icon{width:48px;height:48px;background:var(--bg-card);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--wis-blue)}.auth-method-info h3{font-size:16px;font-weight:600;margin-bottom:4px}.auth-method-info p{font-size:12px;color:var(--text-muted)}.auth-method-body{margin-bottom:16px}.auth-method-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border-color)}.toggle{width:48px;height:26px;background:var(--bg-card);border-radius:13px;position:relative;cursor:pointer;transition:all .3s;border:none}.toggle:after{content:"";position:absolute;width:20px;height:20px;background:var(--text-muted);border-radius:50%;top:3px;left:3px;transition:all .3s}.toggle.active{background:var(--wis-lime)}.toggle.active:after{background:#000;left:25px}.coupon-stats{display:flex;gap:24px;margin-bottom:24px}.coupon-stat{padding:16px 24px;background:var(--bg-card-light);border-radius:var(--radius-md)}.coupon-stat-label{font-size:12px;color:var(--text-muted);margin-bottom:4px}.coupon-stat-value{font-size:24px;font-weight:700}.isp-status{display:flex;align-items:center;gap:24px;padding:20px;background:var(--bg-card-light);border-radius:var(--radius-lg);margin-bottom:24px}.isp-status-icon{width:64px;height:64px;background:var(--bg-card);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--wis-lime)}.isp-status-info h3{font-size:18px;font-weight:600;margin-bottom:4px}.isp-status-info p{font-size:14px;color:var(--text-muted)}.firewall-rules{display:flex;flex-direction:column;gap:12px}.firewall-rule{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-card-light);border-radius:var(--radius-md);border-left:3px solid var(--wis-blue)}.firewall-rule.allow{border-left-color:var(--wis-lime)}.firewall-rule.deny{border-left-color:var(--wis-red)}.firewall-rule-info{flex:1}.firewall-rule-name{font-weight:600;margin-bottom:4px}.firewall-rule-details{font-size:12px;color:var(--text-muted)}.routing-table{display:flex;flex-direction:column;gap:8px}.route-entry{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:16px;align-items:center;padding:12px 16px;background:var(--bg-card-light);border-radius:var(--radius-sm);font-size:13px}.route-entry span{font-family:monospace}@media (max-width: 768px){.tabs-header{padding:12px 16px}.tab-btn{padding:8px 14px;font-size:12px}.tabs-content{padding:16px}.org-grid,.interface-grid,.maintenance-grid,.action-grid,.auth-method-grid{grid-template-columns:1fr}.device-status-header{flex-direction:column;align-items:flex-start}.device-quick-info{flex-direction:column;gap:16px}.route-entry{grid-template-columns:1fr;gap:8px}.isp-status{flex-direction:column;text-align:center}.coupon-stats{flex-direction:column}}:root{--phoenix-lime: #B6FF00;--phoenix-lime-secondary: #9BE000;--phoenix-lime-dim: rgba(182, 255, 0, .35);--phoenix-lime-glow: rgba(182, 255, 0, .25);--phoenix-lime-soft: rgba(182, 255, 0, .12);--flow-wan: #B6FF00;--flow-lan: #9BE000;--flow-wifi: #7BC000;--flow-vpn: #5A9000;--phoenix-orange: #ff8c00;--phoenix-orange-dim: rgba(255, 140, 0, .3);--phoenix-amber: #FFB800;--phoenix-red: #FF4D4D;--phoenix-dark: #0f1115;--phoenix-dark-elevated: #1a1d24;--phoenix-card: #1c2027;--phoenix-card-light: #252a33;--phoenix-card-glass: rgba(30, 34, 42, .85);--phoenix-border: #2d333d;--phoenix-border-glow: rgba(182, 255, 0, .3)}.phoenix-dashboard{display:flex;flex-direction:column;gap:16px;padding:0;background:radial-gradient(circle at 1px 1px,rgba(255,255,255,.03) 1px,transparent 0),var(--phoenix-dark);background-size:24px 24px,100% 100%;min-height:calc(100vh - 60px)}.phoenix-top-row{display:grid;grid-template-columns:1fr 320px;gap:16px;min-height:420px}.phoenix-flow-card{background:var(--phoenix-card);border-radius:20px;padding:28px;position:relative;display:flex;flex-direction:column}.phoenix-flow-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.phoenix-flow-title{font-size:32px;font-weight:700;letter-spacing:3px;color:#fff;line-height:1.1}.phoenix-add-port-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--phoenix-card-light);border:1px solid var(--phoenix-border);border-radius:8px;color:#8b9199;font-size:11px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .2s}.phoenix-add-port-btn:hover{border-color:var(--phoenix-lime);color:var(--phoenix-lime)}.phoenix-flow-content{display:grid;grid-template-columns:160px 1fr 180px;gap:20px;flex:1;align-items:center}.phoenix-flow-left{display:flex;flex-direction:column;gap:16px}.phoenix-throughput{margin-bottom:12px}.phoenix-throughput-label{font-size:9px;color:#6b7280;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px;display:block}.phoenix-throughput-value{display:flex;align-items:center;gap:6px}.phoenix-throughput-value svg:first-child{color:#fff}.phoenix-throughput-num{font-size:42px;font-weight:700;color:#fff;line-height:1}.phoenix-throughput-unit{font-size:14px;color:#6b7280;margin-left:2px}.phoenix-output-box{background:linear-gradient(135deg,var(--phoenix-lime) 0%,var(--phoenix-lime-secondary) 100%);border-radius:14px;padding:16px 18px;position:relative;margin-bottom:10px;overflow:hidden;box-shadow:0 4px 20px #b6ff0040,inset 0 1px #ffffff4d,inset 0 -1px #0000001a}.phoenix-output-box:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#fff3,#fff0);pointer-events:none}.phoenix-output-label{font-size:9px;letter-spacing:1.5px;color:#0000008c;font-weight:700;display:flex;align-items:center;gap:6px}.phoenix-output-label:after{content:"AI MANAGED";font-size:7px;padding:2px 6px;background:#00000026;border-radius:4px;letter-spacing:.5px}.phoenix-output-value{font-size:20px;font-weight:800;color:#000;display:flex;align-items:center;gap:4px}.phoenix-output-value span{font-size:11px;font-weight:500}.phoenix-output-value svg{color:#0009}.phoenix-output-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:36px;height:36px;background:#00000026;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#000}.phoenix-interface-stats{display:flex;flex-direction:column;gap:6px}.phoenix-stat-row{display:flex;align-items:center;gap:6px}.phoenix-stat-name{font-size:11px;color:#6b7280;width:36px}.phoenix-stat-value{font-size:15px;font-weight:600;color:#fff;min-width:32px}.phoenix-stat-unit{font-size:9px;color:#6b7280}.phoenix-stat-row svg{margin-left:4px}.phoenix-flow-visual{height:240px;position:relative;display:flex;align-items:center}.phoenix-flow-visual svg{width:100%;height:100%}.phoenix-flow-path{fill:none;stroke-linecap:round;transition:all .3s ease}.phoenix-flow-path.wan{stroke:var(--flow-wan);stroke-width:7;filter:drop-shadow(0 0 4px var(--flow-wan)) drop-shadow(0 0 12px var(--phoenix-lime-glow)) drop-shadow(0 0 24px var(--phoenix-lime-soft));animation:flowPulse 3s ease-in-out infinite}.phoenix-flow-path.lan{stroke:var(--flow-lan);stroke-width:5;filter:drop-shadow(0 0 3px var(--flow-lan)) drop-shadow(0 0 10px var(--phoenix-lime-glow));animation:flowPulse 3s ease-in-out infinite .5s}.phoenix-flow-path.wifi{stroke:var(--flow-wifi);stroke-width:4;filter:drop-shadow(0 0 2px var(--flow-wifi)) drop-shadow(0 0 8px rgba(123,192,0,.3));animation:flowPulse 3s ease-in-out infinite 1s}.phoenix-flow-path.vpn{stroke:var(--flow-vpn);stroke-width:3;filter:drop-shadow(0 0 2px var(--flow-vpn));animation:flowPulse 3s ease-in-out infinite 1.5s}.phoenix-flow-path.lime{stroke:var(--phoenix-lime);filter:drop-shadow(0 0 4px var(--phoenix-lime)) drop-shadow(0 0 12px var(--phoenix-lime-glow))}.phoenix-flow-path.orange{stroke:var(--phoenix-orange);filter:drop-shadow(0 0 6px var(--phoenix-orange-dim))}.phoenix-flow-path.gray{stroke:#3a4048;opacity:.6}@keyframes flowPulse{0%,to{opacity:1}50%{opacity:.85}}@keyframes flowGradient{0%{stroke-dashoffset:0}to{stroke-dashoffset:-50}}.phoenix-ribbon{opacity:.95;transition:opacity .3s ease}.phoenix-ribbon.wan{opacity:1;filter:drop-shadow(0 0 8px rgba(182,255,0,.4))}.phoenix-ribbon.lan{opacity:.9;filter:drop-shadow(0 0 5px rgba(155,224,0,.3))}.phoenix-ribbon.wifi{opacity:.85;filter:drop-shadow(0 0 3px rgba(123,192,0,.25))}.phoenix-ribbon.vpn{opacity:.75;filter:drop-shadow(0 0 2px rgba(90,144,0,.2))}@keyframes ribbonPulse{0%,to{opacity:1;filter:drop-shadow(0 0 8px rgba(182,255,0,.4))}50%{opacity:.9;filter:drop-shadow(0 0 12px rgba(182,255,0,.6))}}.phoenix-ribbon.wan{animation:ribbonPulse 4s ease-in-out infinite}.phoenix-flow-right{display:flex;flex-direction:column;gap:12px}.phoenix-endpoint-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--phoenix-card-light);border-radius:12px;border:1px solid var(--phoenix-border);transition:all .25s ease}.phoenix-endpoint-card:hover{border-color:var(--phoenix-border-glow);background:#252a33e6}.phoenix-endpoint-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;animation:dotPulse 2s ease-in-out infinite}.phoenix-endpoint-dot.wan{background:var(--flow-wan);box-shadow:0 0 8px var(--flow-wan),0 0 16px var(--phoenix-lime-glow)}.phoenix-endpoint-dot.lan{background:var(--flow-lan);box-shadow:0 0 6px var(--flow-lan),0 0 12px var(--phoenix-lime-glow)}.phoenix-endpoint-dot.wifi{background:var(--flow-wifi);box-shadow:0 0 4px var(--flow-wifi)}.phoenix-endpoint-dot.vpn{background:var(--flow-vpn);box-shadow:0 0 3px var(--flow-vpn)}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.9}}.phoenix-endpoint-label{font-size:11px;font-weight:600;color:#8b9199;letter-spacing:.5px;min-width:42px}.phoenix-endpoint-value{font-size:22px;font-weight:700;color:#fff;min-width:48px;text-align:right;margin-left:auto}.phoenix-endpoint-unit{font-size:10px;color:#6b7280;margin-right:8px}.phoenix-endpoint-btn{width:28px;height:28px;background:transparent;border:1px solid var(--phoenix-border);border-radius:6px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.phoenix-endpoint-btn:hover{border-color:var(--phoenix-lime);color:var(--phoenix-lime);background:var(--phoenix-lime-soft)}.phoenix-port-row{display:flex;align-items:center;gap:10px}.phoenix-port-value{font-size:28px;font-weight:700;color:#fff;min-width:56px;text-align:right}.phoenix-port-unit{font-size:10px;color:#6b7280;width:28px}.phoenix-port-slider{flex:1;height:10px;background:var(--phoenix-card-light);border-radius:5px;position:relative;overflow:visible}.phoenix-port-slider-fill{height:100%;background:var(--phoenix-orange);border-radius:5px;transition:width .3s ease}.phoenix-port-slider-thumb{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:14px;height:14px;background:var(--phoenix-card);border:2px solid var(--phoenix-orange);border-radius:50%}.phoenix-port-btn{width:26px;height:26px;background:var(--phoenix-card-light);border:1px solid var(--phoenix-border);border-radius:4px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:300}.phoenix-port-btn:hover{border-color:var(--phoenix-lime);color:var(--phoenix-lime)}.phoenix-ai-insight{display:flex;align-items:center;gap:16px;margin-top:auto;padding:18px 22px;background:linear-gradient(135deg,#252a33f2,#1c2027fa);border-radius:16px;border:1px solid rgba(182,255,0,.15);position:relative;overflow:hidden}.phoenix-ai-insight:before{content:"";position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgba(182,255,0,.3) 0%,transparent 50%,rgba(182,255,0,.1) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.phoenix-ai-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--phoenix-lime) 0%,var(--phoenix-lime-secondary) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#000;box-shadow:0 0 20px var(--phoenix-lime-glow),0 4px 12px #0000004d;animation:aiPulse 3s ease-in-out infinite}@keyframes aiPulse{0%,to{box-shadow:0 0 20px var(--phoenix-lime-glow),0 4px 12px #0000004d}50%{box-shadow:0 0 30px var(--phoenix-lime-dim),0 4px 16px #0006}}.phoenix-ai-text{display:flex;flex-direction:column;gap:6px;flex:1}.phoenix-ai-label{font-size:11px;font-weight:700;color:var(--phoenix-lime);letter-spacing:1.5px;text-transform:uppercase;display:flex;align-items:center;gap:8px}.phoenix-ai-label:after{content:"";width:6px;height:6px;background:var(--phoenix-lime);border-radius:50%;animation:aiDot 1.5s ease-in-out infinite}@keyframes aiDot{0%,to{opacity:1}50%{opacity:.4}}.phoenix-ai-message{font-size:13px;color:#fff;font-weight:500;line-height:1.4}.phoenix-ai-message:before{content:"✓ ";color:var(--phoenix-lime)}.phoenix-ai-confidence{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.phoenix-ai-confidence-label{font-size:8px;color:#6b7280;letter-spacing:1px;text-transform:uppercase}.phoenix-ai-confidence-value{font-size:18px;font-weight:700;color:var(--phoenix-lime)}.phoenix-ai-timestamp{font-size:9px;color:#4b5563;margin-top:2px}.phoenix-gateway-card{background:var(--phoenix-card);border-radius:20px;padding:24px;display:flex;flex-direction:column;position:relative;overflow:hidden}.phoenix-gateway-card:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(200,255,0,.03) 50%,rgba(255,140,0,.05) 100%);pointer-events:none}.phoenix-gateway-title{font-size:22px;font-weight:700;letter-spacing:2px;color:#fff;margin-bottom:14px}.phoenix-gateway-info{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.phoenix-gateway-detail{display:flex;gap:8px;font-size:11px}.phoenix-gateway-detail span{color:#6b7280}.phoenix-gateway-detail strong{color:#fff}.phoenix-threat-level,.phoenix-wan-status{display:flex;flex-direction:column;gap:2px;font-size:11px;margin-bottom:6px}.phoenix-threat-level span,.phoenix-wan-status span{color:#6b7280;font-size:10px}.phoenix-threat-low{color:var(--phoenix-lime)!important;font-size:14px!important;font-weight:600}.phoenix-wan-online{color:var(--phoenix-lime)!important;font-size:13px!important}.phoenix-gateway-visual{flex:1;display:flex;align-items:center;justify-content:center;margin:16px 0;min-height:140px}.phoenix-gateway-image{position:relative}.phoenix-gateway-image svg{color:var(--phoenix-lime);filter:drop-shadow(0 0 20px var(--phoenix-lime-dim))}.phoenix-power-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:12px}.phoenix-power-controls>span{font-size:11px;color:#6b7280;letter-spacing:1px;font-weight:500}.phoenix-power-controls>span.active{color:#fff}.phoenix-power-btn{width:52px;height:52px;border-radius:50%;background:var(--phoenix-card-light);border:2px solid var(--phoenix-border);color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.phoenix-power-btn.on{border-color:var(--phoenix-lime);color:var(--phoenix-lime);box-shadow:0 0 20px var(--phoenix-lime-dim)}.phoenix-auto-label{font-size:11px;color:#6b7280;letter-spacing:1px}.phoenix-auto-label.active{background:var(--phoenix-lime);color:#000!important;padding:6px 14px;border-radius:4px;font-weight:600}.phoenix-assist-mode{display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 16px;background:var(--phoenix-card-light);border-radius:8px}.phoenix-assist-mode svg{color:#6b7280}.phoenix-assist-mode span{font-size:10px;color:#6b7280;letter-spacing:1px}.phoenix-assist-mode span.active{color:#fff}.phoenix-assist-auto{font-size:10px!important}.phoenix-assist-auto.active{background:var(--phoenix-lime);color:#000!important;padding:4px 10px;border-radius:4px;font-weight:600}.phoenix-bottom-row{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;gap:16px}.phoenix-card-title{font-size:11px;font-weight:600;letter-spacing:2px;color:#fff;margin-bottom:18px}.phoenix-details-card{background:var(--phoenix-card);border-radius:16px;padding:20px}.phoenix-details-grid{display:flex;flex-direction:column;gap:14px}.phoenix-detail-item{display:flex;align-items:center;gap:10px}.phoenix-detail-label{font-size:10px;color:#6b7280;flex:1}.phoenix-detail-value{font-size:15px;font-weight:600;color:#fff;min-width:60px}.phoenix-detail-chart{width:70px;height:24px}.phoenix-detail-chart svg{width:100%;height:100%}.phoenix-interfaces-card{background:var(--phoenix-card);border-radius:16px;padding:20px}.phoenix-interfaces-list{display:flex;flex-direction:column;gap:14px}.phoenix-interface-row{display:flex;align-items:center;gap:12px}.phoenix-interface-name{font-size:11px;color:#9ca3af;width:70px}.phoenix-interface-indicator{width:10px;height:10px;border-radius:50%;background:#4a5058}.phoenix-interface-indicator.active{background:var(--phoenix-orange);box-shadow:0 0 8px var(--phoenix-orange-dim)}.phoenix-interface-dot{width:8px;height:8px;border-radius:50%;background:#4a5058}.phoenix-interface-dot.active{background:var(--phoenix-lime);box-shadow:0 0 6px var(--phoenix-lime-dim)}.phoenix-interface-slider{flex:1;height:10px;background:var(--phoenix-card-light);border-radius:5px;overflow:hidden}.phoenix-interface-slider.small{height:8px}.phoenix-interface-fill{height:100%;background:var(--phoenix-orange);border-radius:5px}.phoenix-interface-badge{font-size:9px;padding:4px 10px;background:var(--phoenix-lime);color:#000;border-radius:4px;font-weight:600;letter-spacing:.5px}.phoenix-health-card{background:var(--phoenix-card);border-radius:16px;padding:20px}.phoenix-health-gauge{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.phoenix-health-gauge svg{width:180px;height:100px}.phoenix-health-value{position:absolute;bottom:20px;font-size:44px;font-weight:700;color:#fff}.phoenix-health-value span{font-size:20px;color:#6b7280}.phoenix-health-range{display:flex;justify-content:space-between;width:140px;font-size:9px;color:#6b7280;margin-top:-8px}.phoenix-health-stats{display:flex;justify-content:space-between;padding-top:14px;border-top:1px solid var(--phoenix-border)}.phoenix-health-stat{text-align:center}.phoenix-health-stat-label{display:block;font-size:9px;color:#6b7280;margin-bottom:4px}.phoenix-health-stat-value{font-size:15px;font-weight:600;color:#fff}@media (max-width: 1400px){.phoenix-top-row{grid-template-columns:1fr}.phoenix-gateway-card{max-width:400px}.phoenix-bottom-row{grid-template-columns:1fr 1fr}}@media (max-width: 900px){.phoenix-flow-content{grid-template-columns:1fr;gap:24px}.phoenix-flow-visual{display:none}.phoenix-bottom-row{grid-template-columns:1fr}}:root{--pro-font-xs: 10px;--pro-font-sm: 11px;--pro-font-base: 12px;--pro-font-md: 13px;--pro-font-lg: 14px;--pro-font-xl: 16px;--pro-font-2xl: 18px;--pro-font-3xl: 20px;--pro-font-4xl: 24px}.pro-noc{padding:2px 4px;min-height:calc(100vh - 60px);background:#0d1117;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif}.pro-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding:2px 0}.pro-header-left{display:flex;flex-direction:column;gap:4px}.pro-header-right{display:flex;align-items:center;gap:8px}.pro-subtitle{font-size:13px;color:#8b949e;margin:0}.pro-device-info{font-size:14px;color:#fff!important;font-weight:700!important;margin:0}.pro-device-info .text-primary{color:#58a6ff;font-weight:700}.pro-device-info .text-success{color:#3fb950;font-weight:700}.pro-page-badge{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:6px 16px;background:#21262d;border-radius:4px;font-size:13px;font-weight:500;color:#e6edf3}.pro-badge-indicator{width:4px;height:16px;background:#d73a49;border-radius:2px}.pro-selected-device{font-size:var(--pro-font-sm);color:#8b949e;margin-left:8px}.pro-selected-device strong{color:#58a6ff}.pro-device-select option{background:var(--bg-card);color:var(--text-primary);padding:10px;font-size:var(--font-size-md)}.spin{animation:spin 1s linear infinite}.pro-title{font-size:var(--pro-font-xl);font-weight:600;color:#e6edf3;margin:0}.pro-subtitle{font-size:var(--pro-font-sm);color:#8b949e}.pro-kpi-footer{display:flex;gap:var(--gap-sm);margin-top:var(--spacing-xs);padding-top:var(--spacing-sm);border-top:1px solid #21262d}.pro-kpi-stat{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pro-kpi-stat.healthy{color:#3fb950}.pro-kpi-stat.warning{color:#d29922}.pro-kpi-stat.critical{color:#f85149}.pro-kpi-trend{font-size:var(--pro-font-xs);font-weight:500;margin-left:auto;padding:2px 6px;border-radius:4px}.pro-kpi-trend.up{color:#3fb950;background:#3fb9501a}.pro-kpi-trend.down{color:#f85149;background:#f851491a}.pro-kpi-sparkline{height:24px;margin-top:8px}.pro-kpi-sparkline svg{width:100%;height:100%}.pro-kpi-bar{height:4px;background:#21262d;border-radius:2px;margin-top:8px;overflow:hidden}.pro-kpi-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.pro-main-grid{display:grid;grid-template-columns:1fr 300px;gap:12px}.pro-card{background:#161b22;border:1px solid #30363d;border-radius:6px;overflow:visible;max-width:100%}.pro-card-compact,.pro-card.compact{min-height:auto!important;padding:12px 16px}.pro-card-large,.pro-card.large{min-height:300px}.pro-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid #21262d}.pro-card-header h2{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#e6edf3;margin:0;display:flex;align-items:center;gap:6px}.pro-card-actions{display:flex;gap:6px}.pro-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:all .15s ease;min-height:40px}.pro-btn-ghost{background:transparent;color:#7d8590;border:1px solid #30363d}.pro-btn-ghost:hover{background:#21262d;color:#e6edf3}.pro-btn-secondary{background:#21262d;color:#e6edf3;border:1px solid #30363d}.pro-btn-secondary:hover{background:#30363d}.pro-btn-primary{background:#238636;color:#fff}.pro-btn-primary:hover{background:#2ea043}.pro-two-column-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.pro-card-body{padding:16px;min-height:300px}.pro-empty-small{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#8b949e;text-align:center}.pro-empty-small p{margin:0;font-size:14px}.pro-chart-loader{display:flex;align-items:center;justify-content:center;min-height:160px;width:100%}.pro-chart-loader .pro-loading-spinner{width:32px;height:32px;border-width:3px}.pro-empty-chart{display:flex;align-items:center;justify-content:center;min-height:200px;padding:20px}.pro-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.pro-empty-state svg{margin-bottom:16px;color:var(--text-muted, #8b949e)}.pro-empty-state p{margin:0;font-size:15px;font-weight:500;color:var(--text-secondary, #8b949e)}.pro-empty-hint{display:block;margin-top:8px;font-size:13px;color:var(--text-muted, #6b7280)}.pro-user-list{display:flex;flex-direction:column;gap:8px}.pro-user-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#0d1117;border-radius:6px;border:1px solid #21262d;transition:all .15s ease}.pro-user-item:hover{border-color:#30363d;background:#161b22}.pro-user-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#21262d;border-radius:50%;font-size:11px;font-weight:600;color:#8b949e}.pro-user-info{flex:1;display:flex;flex-direction:column;gap:2px}.pro-user-name{font-size:13px;font-weight:500;color:#e6edf3}.pro-user-ip{font-size:11px;color:#8b949e;font-family:monospace}.pro-user-traffic{font-size:13px;font-weight:600;color:#58a6ff}.pro-app-list{display:flex;flex-direction:column;gap:8px}.pro-app-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#0d1117;border-radius:6px;border:1px solid #21262d;transition:all .2s ease}.pro-app-item:hover{background:#161b22;border-color:#30363d}.pro-app-info{display:flex;align-items:center;gap:10px}.pro-app-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.pro-app-name{font-size:13px;font-weight:500;color:#e6edf3}.pro-app-traffic{font-size:13px;font-weight:600;color:#58a6ff}.pro-health-gauge{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.pro-health-gauge-svg{transform:rotate(-90deg)}.pro-health-gauge-value{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center}.pro-health-score{font-size:32px;font-weight:700;color:#e6edf3;line-height:1}.pro-health-label{font-size:12px;color:#8b949e;margin-top:4px}.pro-health-metrics{display:flex;flex-direction:column;gap:10px}.pro-health-metric{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #21262d}.pro-health-metric:last-child{border-bottom:none}.pro-health-metric-label{font-size:13px;color:#8b949e}.pro-health-metric-value{font-size:13px;font-weight:600}@media (max-width: 1024px){.pro-two-column-grid{grid-template-columns:1fr}}.pro-table-wrapper{overflow-x:auto;width:100%;max-width:100%}.pro-table{width:100%;border-collapse:collapse;table-layout:auto;min-width:800px}.pro-table th{padding:12px 14px;text-align:left;font-size:11px;font-weight:600;color:#8b949e;text-transform:uppercase;letter-spacing:.5px;background:#0d1117;border-bottom:1px solid #21262d;white-space:nowrap}.pro-table td{padding:12px 14px;font-size:13px;color:#c9d1d9;border-bottom:1px solid #21262d;vertical-align:middle;max-width:180px;overflow:visible;text-overflow:ellipsis;white-space:nowrap}.pro-table td:has(.pro-dropdown-container){overflow:visible!important;position:relative}.pro-table-row{cursor:pointer;transition:background .15s ease}.pro-table-row:hover{background:#1c2128}.pro-table-row.selected{background:#1c3a5e}.pro-datatable-container{border:1px solid var(--border-color);border-radius:12px;overflow:hidden;background:var(--bg-card);width:100%;max-width:100%}.pro-datatable-container .pro-table-wrapper{overflow-x:auto;overflow-y:visible;width:100%;max-width:100%;-webkit-overflow-scrolling:touch}.pro-datatable-container .pro-table-wrapper::-webkit-scrollbar{height:8px}.pro-datatable-container .pro-table-wrapper::-webkit-scrollbar-track{background:var(--bg-card-light);border-radius:4px}.pro-datatable-container .pro-table-wrapper::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}.pro-datatable-container .pro-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.pro-data-table{width:100%;border-collapse:collapse;table-layout:fixed}.pro-table-head{background:#0d1117}.pro-table-head .pro-table-row{border-bottom:2px solid #21262d}.pro-table-th{padding:14px 16px;text-align:center;font-size:11px;font-weight:700;color:#8b949e;text-transform:uppercase;letter-spacing:.8px;background:linear-gradient(180deg,#161b22,#0d1117);border-bottom:2px solid #21262d;white-space:nowrap;position:relative}.pro-table-th:not(:last-child):after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background:#21262d}.pro-table-body .pro-table-row{transition:all .15s ease;border-bottom:1px solid #21262d}.pro-table-body .pro-table-row:last-child{border-bottom:none}.pro-table-body .pro-table-row:hover{background:#388bfd0d}.pro-table-body .pro-table-row:nth-child(2n){background:#0d11174d}.pro-table-body .pro-table-row:nth-child(2n):hover{background:#388bfd14}.pro-table-td{padding:14px 16px;font-size:14px;color:#e6edf3;vertical-align:middle;text-align:center}.pro-table-loading{padding:48px 16px;text-align:center}.pro-loading-content{display:flex;align-items:center;justify-content:center;gap:12px;color:#8b949e}.pro-loading-spinner{width:20px;height:20px;border:2px solid #21262d;border-top-color:var(--wis-lime);border-radius:50%;animation:spin .8s linear infinite}.pro-table-empty{padding:48px 16px;text-align:center;color:#8b949e;font-size:14px}.pro-row-clickable{cursor:pointer}[data-theme=light] .pro-datatable-container{border:none;background:#fff;box-shadow:0 12px 28px #0000000f;border-radius:16px;overflow:visible;max-width:100%}[data-theme=light] .pro-datatable-container .pro-table-wrapper{overflow:hidden!important;width:100%;max-width:100%;border-radius:16px}[data-theme=light] .pro-table-head{background:#f8f9fb}[data-theme=light] .pro-table-head .pro-table-row{border-bottom:1px solid rgba(0,0,0,.05)}[data-theme=light] .pro-table-th{background:transparent;color:#6b7280;border-bottom:none;font-weight:500;text-transform:none;font-size:12px;letter-spacing:0;padding:14px 20px}[data-theme=light] .pro-table-th:not(:last-child):after{background:transparent}[data-theme=light] .pro-table-body .pro-table-row{border-bottom:1px solid rgba(0,0,0,.05);transition:all .2s ease}[data-theme=light] .pro-table-body .pro-table-row:last-child{border-bottom:none}[data-theme=light] .pro-table-body .pro-table-row:hover{background:#00000005}[data-theme=light] .pro-table-body .pro-table-row:nth-child(2n){background:transparent}[data-theme=light] .pro-table-body .pro-table-row:nth-child(2n):hover{background:#00000005}[data-theme=light] .pro-table-td{color:#0f172a;padding:14px 20px;font-size:11px;font-weight:400}[data-theme=light] .pro-loading-spinner{border-color:#0000000f;border-top-color:#22c55e}[data-theme=light] .pro-loading-content,[data-theme=light] .pro-table-empty{color:#6b7280}[data-theme=light] .pro-datatable-container{box-shadow:0 12px 28px #0000000f!important;transition:box-shadow .3s ease}[data-theme=light] .pro-datatable-container:hover{box-shadow:0 16px 36px #00000014!important}[data-theme=light] .pro-row-clickable:hover .pro-table-td{background:#00000005!important;cursor:pointer}[data-theme=light] .pro-row-clickable:active .pro-table-td{background:#0000000a!important}[data-theme=light] .pro-table-td input[type=checkbox]{width:18px;height:18px;border:2px solid #cbd5e1;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s ease}[data-theme=light] .pro-table-td input[type=checkbox]:hover{border-color:#059669;box-shadow:0 0 0 3px #0596691a}[data-theme=light] .pro-table-td input[type=checkbox]:checked{background:linear-gradient(135deg,#059669,#10b981);border-color:#059669}[data-theme=light] .pro-table-td .pro-btn-ghost{padding:6px 12px!important;font-size:12px!important;border-radius:6px!important}[data-theme=light] .pro-table-td .pro-btn-ghost:hover{background:linear-gradient(135deg,#05966914,#0596690a)!important;color:#059669!important}[data-theme=light] .pro-table-body .pro-table-row:first-child .pro-table-td{padding-top:16px}[data-theme=light] .pro-table-body .pro-table-row:last-child .pro-table-td{padding-bottom:16px;border-bottom:none}[data-theme=light] .pro-status-badge.active{background:linear-gradient(135deg,#05966926,#10b9811a)!important;color:#059669!important;border:1px solid rgba(5,150,105,.25);font-weight:600;box-shadow:0 1px 2px #0596691a}[data-theme=light] .pro-status-badge.inactive{background:linear-gradient(135deg,#dc26261f,#ef444414)!important;color:#dc2626!important;border:1px solid rgba(220,38,38,.25);font-weight:600;box-shadow:0 1px 2px #dc26261a}[data-theme=light] .pro-project-name-cell{color:#1e293b!important;font-weight:600}[data-theme=light] .pro-description-cell,[data-theme=light] .pro-created-by-cell{color:#64748b!important}[data-theme=light] .pro-device-name{color:#1e293b!important;font-weight:600}[data-theme=light] .pro-device-type,[data-theme=light] .pro-device-ip,[data-theme=light] .pro-device-mac{color:#64748b!important}[data-theme=light] .pro-sn{color:#94a3b8!important}[data-theme=light] .pro-location,[data-theme=light] .pro-username{color:#475569!important}.pro-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:var(--pro-font-sm);font-weight:500;text-transform:capitalize;border-radius:12px}.pro-status-badge.active{background:#3fb95026;color:#3fb950}.pro-status-badge.inactive{background:#f8514926;color:#f85149}.pro-project-name-cell{font-weight:500;font-size:var(--pro-font-base);color:#e6edf3}.pro-description-cell{font-size:var(--pro-font-sm);color:#8b949e;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pro-created-by-cell{display:flex;align-items:center;gap:6px;font-size:var(--pro-font-sm);color:#8b949e}.pro-created-by-cell svg{opacity:.6}.pro-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.pro-status-dot.online{background:#3fb950;box-shadow:0 0 6px #3fb95080}.pro-status-dot.offline{background:#6e7681}.status-healthy .pro-status-dot{background:#3fb950}.status-warning .pro-status-dot{background:#d29922}.status-critical .pro-status-dot{background:#f85149;animation:pulse-critical 1.5s infinite}.status-offline .pro-status-dot{background:#6e7681}.status-healthy{background:#3fb9501a;color:#3fb950}.status-warning{background:#d299221a;color:#d29922}.status-critical{background:#f851491a;color:#f85149}.status-offline{background:#6e76811a;color:#6e7681}.pro-device-name{font-weight:500;font-size:var(--pro-font-base);color:#e6edf3}.pro-device-type{font-size:var(--pro-font-sm);color:#8b949e}.pro-device-ip,.pro-device-mac{font-family:SF Mono,Monaco,Consolas,monospace;font-size:var(--pro-font-sm);color:#8b949e}.pro-sn{font-size:var(--pro-font-sm);font-weight:500;color:#8b949e}.pro-device-id-cell{display:flex;align-items:center;gap:10px;min-width:0}.pro-device-id-cell .pro-device-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.pro-device-logo{width:32px;height:32px;border-radius:4px;object-fit:cover}.pro-device-logo-placeholder{width:32px;height:32px;border-radius:4px;background:#21262d;display:flex;align-items:center;justify-content:center;color:#6e7681}.pro-location,.pro-username{font-size:var(--pro-font-sm);color:#8b949e}.pro-auth-types{display:flex;flex-wrap:wrap;gap:4px}.pro-auth-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:10px;font-weight:500;background:#39ff1426;color:var(--wis-lime);border-radius:4px}.pro-no-auth{font-size:var(--pro-font-sm);color:#6e7681}.pro-created-by{font-size:var(--pro-font-sm);color:#8b949e}.pro-uptime{font-family:SF Mono,Monaco,Consolas,monospace;font-size:var(--pro-font-sm);color:#8b949e}.pro-mini-bar{display:flex;align-items:center;gap:6px}.pro-mini-bar>div:first-child{width:40px;height:3px;background:#21262d;border-radius:2px;overflow:hidden}.pro-mini-bar-fill{height:100%;border-radius:2px}.pro-mini-bar span{font-size:var(--pro-font-xs);font-family:SF Mono,Monaco,Consolas,monospace;color:#8b949e}.pro-bandwidth{display:flex;flex-direction:column;gap:2px;font-size:var(--pro-font-xs);font-family:SF Mono,Monaco,Consolas,monospace}.pro-bw-in{color:#3fb950}.pro-bw-out{color:#58a6ff}.pro-alert-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 5px;background:#f85149;color:#fff;font-size:10px;font-weight:600;border-radius:8px}.pro-alerts-list{padding:8px}.pro-alert-item{display:flex;align-items:flex-start;gap:10px;padding:10px;border-radius:4px;margin-bottom:6px;border-left:2px solid transparent;background:#0d1117}.pro-alert-item.acknowledged{opacity:.5}.pro-alert-item.severity-critical{border-left-color:#f85149}.pro-alert-item.severity-warning{border-left-color:#d29922}.pro-alert-item.severity-info{border-left-color:#58a6ff}.pro-alert-icon{flex-shrink:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:4px}.pro-alert-icon svg{width:14px;height:14px}.severity-critical .pro-alert-icon{background:#f851491f;color:#f85149}.severity-warning .pro-alert-icon{background:#d299221f;color:#d29922}.severity-info .pro-alert-icon{background:#58a6ff1f;color:#58a6ff}.pro-alert-content{flex:1;min-width:0}.pro-alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.pro-alert-device{font-size:var(--pro-font-base);font-weight:500;color:#fff}.pro-alert-time{font-size:var(--pro-font-xs);color:#8b949e}.pro-alert-message{font-size:var(--pro-font-sm);color:#8b949e;margin:0;line-height:1.4}.pro-alert-ack{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #2d333b;border-radius:6px;color:#8b949e;cursor:pointer;transition:all .15s ease}.pro-alert-ack:hover{background:#238636;border-color:#238636;color:#fff}.pro-drawer-overlay{position:fixed;inset:0;background:#00000080;z-index:100}.pro-drawer{position:fixed;top:0;right:0;width:340px;height:100vh;background:#1a1f26;border-left:1px solid #2d333b;z-index:101;display:flex;flex-direction:column;animation:slideInRight .2s ease}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.pro-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #2d333b}.pro-drawer-title{display:flex;align-items:center;gap:8px}.pro-drawer-title h3{font-size:var(--pro-font-lg);font-weight:600;color:#fff;margin:0}.pro-drawer-title .pro-status-dot{width:8px;height:8px}.pro-drawer-close{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#8b949e;cursor:pointer;transition:all .15s ease}.pro-drawer-close:hover{background:#21262d;color:#fff}.pro-drawer-body{flex:1;overflow-y:auto;padding:14px 16px}.pro-drawer-section{margin-bottom:16px}.pro-drawer-section h4{font-size:var(--pro-font-xs);font-weight:600;color:#8b949e;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.pro-drawer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pro-drawer-field{display:flex;flex-direction:column;gap:2px}.pro-drawer-label{font-size:var(--pro-font-xs);color:#8b949e}.pro-drawer-value{font-size:var(--pro-font-base);font-weight:500;color:#fff}.pro-drawer-value.mono{font-family:SF Mono,Monaco,Consolas,monospace}.pro-drawer-metrics{display:flex;flex-direction:column;gap:10px}.pro-drawer-metric-header{display:flex;justify-content:space-between;font-size:var(--pro-font-sm);color:#c9d1d9;margin-bottom:6px}.pro-drawer-metric-bar{height:4px;background:#2d333b;border-radius:2px;overflow:hidden}.pro-drawer-metric-fill{height:100%;border-radius:3px;transition:width .3s ease}.pro-drawer-bandwidth{display:flex;flex-direction:column;gap:8px}.pro-drawer-bw-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#161b22;border-radius:4px}.pro-drawer-bw-label{font-size:var(--pro-font-sm);color:#8b949e}.pro-drawer-bw-value{margin-left:auto;font-size:var(--pro-font-base);font-weight:600;color:#fff;font-family:SF Mono,Monaco,Consolas,monospace}.pro-drawer-footer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #2d333b}.pro-drawer-footer .pro-btn{flex:1;justify-content:center}@media (max-width: 1200px){.pro-main-grid{grid-template-columns:1fr}.pro-alerts-panel{max-height:400px}.pro-kpi-row{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.pro-kpi-row{grid-template-columns:repeat(2,1fr)}.pro-drawer{width:100%}}@media (max-width: 600px){.pro-noc{padding:16px}.pro-kpi-row{grid-template-columns:1fr}}.pro-filters{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background:#161b22;border-bottom:1px solid #2d333b}.pro-search{display:flex;align-items:center;gap:10px;flex:1;max-width:350px;padding:12px 16px;background:#21262d;border:1px solid var(--wis-lime);border-radius:6px}.pro-search svg{color:var(--wis-lime);flex-shrink:0;width:18px;height:18px}.pro-search input{flex:1;background:transparent;border:none;color:#fff;font-size:15px;font-weight:500;outline:none}.pro-search input::placeholder{color:#8b949e;font-weight:400}.pro-search input::placeholder{color:#6e7681}.pro-filter-group{display:flex;gap:8px}.pro-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:#8b949e}.pro-loading-spinner{width:32px;height:32px;border:2px solid #30363d;border-top-color:#58a6ff;border-radius:50%;animation:spin .8s linear infinite}.pro-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:#8b949e}.pro-empty p{font-size:13px;margin:0}.pro-empty-alerts{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;color:#8b949e}.pro-empty-alerts p{font-size:11px;margin:0}.pro-actions{display:flex;gap:4px}.pro-action-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #30363d;border-radius:4px;color:#8b949e;cursor:pointer;transition:all .15s ease}.pro-action-btn:hover{background:#30363d;color:#e6edf3}.pro-action-btn.danger:hover{background:#f8514926;border-color:#f85149;color:#f85149}.pro-type-badge{display:inline-block;padding:2px 6px;font-size:10px;font-weight:500;border-radius:3px;text-transform:uppercase}.pro-type-badge.gateway{background:#388bfd26;color:#58a6ff}.pro-type-badge.ap{background:#3fb95026;color:#3fb950}.pro-device-mac{font-family:SF Mono,Monaco,Consolas,monospace;font-size:10px;color:#8b949e}.pro-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid #2d333b}.pro-pagination-info{font-size:11px;color:#8b949e}.pro-pagination-buttons{display:flex;gap:8px}.pro-kpi-card.clickable{cursor:pointer;border-style:dashed}.pro-kpi-card.clickable:hover{border-color:#58a6ff;background:#388bfd0d}.pro-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.pro-modal{width:100%;max-width:420px;background:#1a1f26;border:1px solid #30363d;border-radius:8px;overflow:hidden;animation:modalSlideIn .2s ease}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.pro-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #2d333b}.pro-modal-header h3{font-size:14px;font-weight:600;color:#e6edf3;margin:0}.pro-modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:#8b949e;cursor:pointer;transition:all .15s ease}.pro-modal-close:hover{background:#21262d;color:#e6edf3}.pro-modal-body{padding:20px}.pro-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #2d333b}.pro-form-group{margin-bottom:14px}.pro-form-group:last-child{margin-bottom:0}.pro-form-label{display:block;font-size:11px;font-weight:500;color:#8b949e;margin-bottom:6px}.pro-form-input,.pro-form-select{width:100%;padding:8px 12px;background:#21262d;border:1px solid #30363d;border-radius:4px;color:#e6edf3;font-size:13px;outline:none;transition:border-color .15s ease}.pro-form-input:focus,.pro-form-select:focus{border-color:#58a6ff}.pro-form-input::placeholder{color:#6e7681}.pro-signal-bar{display:flex;align-items:center;gap:6px;width:80px}.pro-signal-bar .pro-signal-fill{flex:1;height:6px;background:linear-gradient(90deg,var(--wis-red) 0%,var(--wis-yellow) 50%,var(--wis-lime) 100%);border-radius:3px;position:relative;overflow:hidden}.pro-signal-bar .pro-signal-fill:after{content:"";position:absolute;top:0;right:0;height:100%;width:calc(100% - var(--signal-width, 100%));background:#21262d}.pro-signal-bar .pro-signal-text{font-size:10px;color:#8b949e;min-width:28px;text-align:right}.pro-metric{font-size:12px;font-weight:600;color:#e6edf3}.pro-uptime{font-size:11px;color:#8b949e;font-family:SF Mono,Monaco,Consolas,monospace}.pro-logs-container{display:flex;flex-direction:column;gap:2px;max-height:600px;overflow-y:auto}.pro-log-entry{display:flex;align-items:flex-start;gap:12px;padding:8px 12px;background:#161b22;border-left:3px solid #30363d;transition:background .15s ease}.pro-log-entry:hover{background:#1c2128}.pro-log-entry.critical,.pro-log-entry.error{border-left-color:#f85149;background:#f851490d}.pro-log-entry.warning{border-left-color:#d29922;background:#d299220d}.pro-log-entry.info{border-left-color:#3fb950;background:#3fb95008}.pro-log-entry.debug{border-left-color:#8b949e}.pro-log-timestamp{display:flex;flex-direction:column;align-items:flex-end;min-width:70px;flex-shrink:0}.pro-log-date{font-size:10px;color:#6e7681}.pro-log-time{font-size:11px;color:#8b949e;font-family:SF Mono,Monaco,Consolas,monospace}.pro-log-level{display:inline-flex;align-items:center;justify-content:center;min-width:60px;padding:2px 8px;border-radius:3px;font-size:9px;font-weight:600;text-transform:uppercase;flex-shrink:0}.pro-log-level.critical,.pro-log-level.error{background:#f8514933;color:#f85149}.pro-log-level.warning{background:#d2992233;color:#d29922}.pro-log-level.info{background:#3fb95033;color:#3fb950}.pro-log-level.debug{background:#8b949e33;color:#8b949e}.pro-log-content{flex:1;min-width:0}.pro-log-message{font-size:12px;color:#e6edf3;word-break:break-word}.pro-log-source{display:inline-block;margin-top:4px;font-size:10px;color:#6e7681;font-family:SF Mono,Monaco,Consolas,monospace}.pro-log-details{margin-left:auto;flex-shrink:0}.pro-log-details summary{display:flex;align-items:center;gap:4px;font-size:10px;color:#58a6ff;cursor:pointer;user-select:none}.pro-log-details summary:hover{color:#79c0ff}.pro-log-details[open] summary svg{transform:rotate(90deg)}.pro-log-json{margin-top:8px;padding:8px;background:#0d1117;border-radius:4px;font-size:10px;color:#8b949e;overflow-x:auto;max-width:300px}.pro-bandwidth-cell{display:flex;flex-direction:column;gap:2px}.pro-bw-current{font-size:12px;font-weight:600;color:#e6edf3}.pro-bw-limit{font-size:10px;color:#6e7681}.pro-usage-bars{display:flex;flex-direction:column;gap:4px;width:60px}.pro-usage-bar{height:4px;background:#21262d;border-radius:2px;overflow:hidden}.pro-usage-fill{height:100%;border-radius:2px;transition:width .3s ease}.pro-usage-fill.up{background:var(--wis-lime)}.pro-usage-fill.down{background:var(--wis-cyan)}.pro-bandwidth-chart{display:block}.pro-detail-chart{display:block;width:100%}.pro-chart-container{background:#0d1117;border-radius:6px;padding:12px}.pro-chart-legend{display:flex;justify-content:center;gap:16px;margin-top:8px;padding-top:8px;border-top:1px solid #21262d}.pro-legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:#8b949e}.pro-legend-dot{width:8px;height:8px;border-radius:2px}.pro-legend-dot.up{background:var(--wis-lime)}.pro-legend-dot.down{background:var(--wis-cyan)}.pro-drawer-metric-sub{font-size:10px;color:#6e7681;margin-top:4px}.pro-btn-danger{background:#f8514926;border:1px solid rgba(248,81,73,.3);color:#f85149}.pro-btn-danger:hover:not(:disabled){background:#f8514940;border-color:#f8514980}.pro-user-cell{display:flex;align-items:center;gap:10px}.pro-user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#58a6ff,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0}.pro-user-info{display:flex;flex-direction:column;gap:2px}.pro-user-name{font-size:12px;font-weight:500;color:#e6edf3}.pro-user-email{font-size:10px;color:#6e7681}.pro-role-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:500}.pro-role-badge.default{background:#8b949e26;color:#8b949e}.pro-role-badge.warning{background:#d2992226;color:#d29922}.pro-role-badge.admin{background:#8b5cf626;color:#a78bfa}.pro-orgs-list{display:flex;flex-wrap:wrap;gap:4px}.pro-org-tag{display:inline-flex;padding:2px 6px;background:#21262d;border-radius:3px;font-size:10px;color:#8b949e}.pro-org-more{display:inline-flex;padding:2px 6px;background:#30363d;border-radius:3px;font-size:10px;color:#6e7681}.pro-alert-banner{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#d299221a;border:1px solid rgba(210,153,34,.3);border-radius:6px;margin-bottom:12px}.pro-alert-icon{color:var(--wis-yellow);flex-shrink:0}.pro-alert-content{font-size:12px;color:#e6edf3}.pro-pending-actions{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}.pro-pending-item{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#21262d;border-radius:4px}.pro-pending-name{font-size:11px;font-weight:500;color:#e6edf3}.pro-pending-org{font-size:10px;color:#6e7681}.pro-btn-sm{padding:4px 8px;font-size:10px}.pro-modal-info{font-size:12px;color:#8b949e;margin-bottom:16px}.pro-modal-info strong{color:#e6edf3}.pro-kpi-card.warning{border-color:#d299224d;background:#d299220d}.pro-project-cell{display:flex;align-items:center;gap:10px}.pro-project-icon{width:32px;height:32px;border-radius:6px;background:#21262d;display:flex;align-items:center;justify-content:center;color:var(--wis-cyan);flex-shrink:0}.pro-project-info{display:flex;flex-direction:column;gap:2px}.pro-project-name{font-size:12px;font-weight:500;color:#e6edf3}.pro-project-desc{font-size:10px;color:#6e7681;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-created-by{font-size:11px;color:#8b949e}.pro-date-cell{display:flex;align-items:center;gap:6px;font-size:var(--pro-font-sm);color:#8b949e}.pro-date-cell svg{opacity:.6}.pro-date-main{font-size:11px;color:#e6edf3}.pro-date-relative{font-size:10px;color:#6e7681}.pro-row.selected{background:#58a6ff14;border-left:2px solid var(--wis-cyan)}.pro-drawer-item.full{grid-column:1 / -1}.noc-dashboard{display:grid;grid-template-columns:1fr 280px;grid-template-rows:auto 1fr;gap:16px;padding:16px;min-height:calc(100vh - 60px);background:linear-gradient(180deg,#0a0f14,#0d1117)}.noc-status-bar{grid-column:1 / -1;display:flex;align-items:center;gap:24px;padding:16px 24px;background:#141920e6;border:1px solid rgba(255,255,255,.06);border-radius:12px;backdrop-filter:blur(10px)}.noc-status-item{display:flex;align-items:center;gap:8px}.noc-status-dot{width:10px;height:10px;border-radius:50%;animation:pulse-dot 2s infinite}.noc-status-dot.online{background:#0f8;box-shadow:0 0 8px #0f89}.noc-status-dot.warning{background:#fa0;box-shadow:0 0 8px #fa09}.noc-status-dot.critical{background:#f44;box-shadow:0 0 8px #f449;animation:pulse-critical 1s infinite}.noc-status-dot.offline{background:#666}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-critical{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.noc-status-label{font-size:11px;color:#8b9199;text-transform:uppercase;letter-spacing:.5px}.noc-status-value{font-size:18px;font-weight:700;color:#fff}.noc-status-value small{font-size:11px;font-weight:400;color:#6b7280;margin-left:2px}.noc-status-divider{width:1px;height:32px;background:#ffffff1a;margin:0 12px}.noc-topology-container{position:relative;background:#0f141af2;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden}.noc-topology-svg{width:100%;height:100%;min-height:500px}.noc-conn-line{transition:all .3s ease}.noc-connection.highlighted .noc-conn-line{filter:drop-shadow(0 0 4px currentColor)}.noc-conn-label{font-family:Inter,monospace;font-weight:600;fill:#fff;text-shadow:0 0 4px rgba(0,0,0,.8)}.noc-device-node{transition:all .2s ease}.noc-device-node:hover .noc-device-ring,.noc-device-node.hovered .noc-device-ring{opacity:.8;r:5}.noc-device-node:hover .noc-device-bg,.noc-device-node.hovered .noc-device-bg{r:3.5}.noc-device-node.selected .noc-device-ring{opacity:1;stroke-width:.5;r:5.5}.noc-device-label{font-family:Inter,sans-serif;font-weight:500;pointer-events:none}.noc-status-indicator{filter:drop-shadow(0 0 2px currentColor)}.noc-legend{position:absolute;bottom:16px;left:16px;background:#0a0f14e6;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px 18px;backdrop-filter:blur(8px)}.noc-legend-title{font-size:9px;font-weight:600;color:#6b7280;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px}.noc-legend-items{display:flex;flex-wrap:wrap;gap:12px}.noc-legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:#9ca3af}.noc-legend-item svg{opacity:.8}.noc-legend-dot{width:8px;height:8px;border-radius:50%}.noc-legend-dot.online{background:#0f8}.noc-legend-dot.warning{background:#fa0}.noc-legend-dot.critical{background:#f44}.noc-legend-dot.offline{background:#666}.noc-detail-panel{position:fixed;top:100px;right:320px;width:320px;background:#12161cfa;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0006;z-index:100;animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.noc-detail-header{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.noc-detail-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.noc-detail-title{flex:1}.noc-detail-title h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 4px}.noc-detail-status{font-size:10px;font-weight:600;letter-spacing:1px;padding:3px 8px;border-radius:4px}.noc-detail-status.online{background:#00ff8826;color:#0f8}.noc-detail-status.warning{background:#ffaa0026;color:#fa0}.noc-detail-status.critical{background:#ff444426;color:#f44}.noc-detail-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s}.noc-detail-close:hover{background:#ffffff14;color:#fff}.noc-detail-body{padding:16px 20px}.noc-detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}.noc-detail-row:last-child{border-bottom:none}.noc-detail-label{font-size:12px;color:#6b7280}.noc-detail-value{font-size:13px;font-weight:500;color:#fff;font-family:SF Mono,Monaco,monospace}.noc-detail-actions{display:flex;gap:8px;padding:16px 20px;background:#ffffff05;border-top:1px solid rgba(255,255,255,.06)}.noc-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#9ca3af;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.noc-action-btn:hover{background:#ffffff1a;color:#fff}.noc-action-btn.primary{background:#00ff881a;border-color:#00ff884d;color:#0f8}.noc-action-btn.primary:hover{background:#0f83}.noc-action-btn.danger{color:#ff6b6b}.noc-action-btn.danger:hover{background:#ff444426;border-color:#ff44444d}.noc-alerts-panel{background:#12161cf2;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden}.noc-alerts-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.noc-alerts-header h3{font-size:13px;font-weight:600;color:#fff;margin:0}.noc-alerts-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:#ff444426;border-radius:11px;font-size:11px;font-weight:600;color:#ff6b6b}.noc-alerts-list{padding:8px}.noc-alert-item{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:10px;margin-bottom:6px;transition:background .2s}.noc-alert-item:hover{background:#ffffff08}.noc-alert-item.critical{border-left:3px solid #ff4444}.noc-alert-item.warning{border-left:3px solid #ffaa00}.noc-alert-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.noc-alert-item.critical .noc-alert-icon{background:#ff444426;color:#f44}.noc-alert-item.warning .noc-alert-icon{background:#ffaa0026;color:#fa0}.noc-alert-content{flex:1;min-width:0}.noc-alert-title{display:block;font-size:13px;font-weight:500;color:#fff;margin-bottom:4px}.noc-alert-time{font-size:11px;color:#6b7280}@media (max-width: 1200px){.noc-dashboard{grid-template-columns:1fr}.noc-alerts-panel{display:none}.noc-detail-panel{right:20px}}@media (max-width: 768px){.noc-status-bar{flex-wrap:wrap;gap:12px}.noc-status-divider{display:none}.noc-detail-panel{width:calc(100% - 40px);left:20px;right:20px}}.pro-chart-card{background:#161b22;border:1px solid #30363d;border-radius:6px;overflow:hidden;min-height:240px}.pro-chart-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #21262d}.pro-chart-title{font-size:var(--pro-font-md);font-weight:600;color:#e6edf3;margin:0}.pro-chart-subtitle{font-size:10px;color:#8b949e;margin-top:1px}.pro-chart-legend{display:flex;gap:16px}.pro-chart-legend-item{display:flex;align-items:center;gap:6px;font-size:var(--pro-font-sm);color:#8b949e}.pro-chart-legend-dot{width:8px;height:8px;border-radius:50%}.pro-chart-body{padding:12px;min-height:180px}.pro-chart-container{position:relative;height:180px;width:100%}.pro-chart-svg{width:100%;height:100%}.pro-chart-grid-line{stroke:#21262d;stroke-width:1}.pro-chart-axis-label{fill:#6b7280;font-size:9px;font-family:SF Mono,Monaco,Consolas,monospace}.pro-chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pro-chart-area{opacity:.2}.pro-chart-line.primary{stroke:#3b82f6}.pro-chart-line.success{stroke:#3fb950}.pro-chart-line.warning{stroke:#d29922}.pro-chart-line.danger{stroke:#f85149}.pro-chart-line.purple{stroke:#a855f7}.pro-chart-area.primary{fill:#3b82f6}.pro-chart-area.success{fill:#3fb950}.pro-chart-area.warning{fill:#d29922}.pro-chart-area.danger{fill:#f85149}.pro-chart-area.purple{fill:#a855f7}.pro-chart-tooltip{position:absolute;background:#1c2128;border:1px solid #30363d;border-radius:6px;padding:8px 12px;pointer-events:none;z-index:10;box-shadow:0 4px 12px #0000004d}.pro-chart-tooltip-label{font-size:var(--pro-font-xs);color:#8b949e;margin-bottom:4px}.pro-chart-tooltip-value{font-size:var(--pro-font-base);font-weight:600;color:#e6edf3}.pro-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pro-stat-item{background:#0d1117;border-radius:6px;padding:10px 12px}.pro-stat-label{font-size:10px;color:#8b949e;text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px}.pro-stat-value{font-size:16px;font-weight:600;color:#e6edf3}.pro-stat-change{display:inline-flex;align-items:center;gap:3px;font-size:10px;margin-top:2px}.pro-stat-change.up{color:#3fb950}.pro-stat-change.down{color:#f85149}.pro-dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:12px}.pro-dashboard-main,.pro-dashboard-sidebar{display:flex;flex-direction:column;gap:12px}.pro-live-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#3fb9501a;border-radius:12px;font-size:var(--pro-font-xs);font-weight:500;color:#3fb950}.pro-live-dot{width:6px;height:6px;background:#3fb950;border-radius:50%;animation:pulse-live 2s infinite}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.pro-time-range{display:flex;background:#0d1117;border-radius:6px;padding:2px}.pro-time-range-btn{padding:6px 12px;background:transparent;border:none;border-radius:4px;font-size:var(--pro-font-sm);font-weight:500;color:#8b949e;cursor:pointer;transition:all .15s ease}.pro-time-range-btn:hover{color:#e6edf3}.pro-time-range-btn.active{background:#21262d;color:#e6edf3}.pro-type-badge{display:inline-block;padding:3px 8px;font-size:var(--pro-font-xs);font-weight:500;border-radius:4px;text-transform:uppercase}.pro-type-badge.gateway{background:#3b82f61a;color:#58a6ff}.pro-type-badge.ap{background:#3fb9501a;color:#3fb950}.pro-actions{display:flex;gap:6px}.pro-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #30363d;border-radius:4px;color:#8b949e;cursor:pointer;transition:all .15s ease}.pro-action-btn:hover{background:#21262d;color:#e6edf3}.pro-action-btn.danger:hover{background:#f851491a;border-color:#f85149;color:#f85149}.pro-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:12px}.pro-loading-spinner{width:32px;height:32px;border:3px solid #21262d;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pro-loading span{font-size:var(--pro-font-sm);color:#8b949e}.pro-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:12px;color:#6b7280}.pro-empty svg{opacity:.5}.pro-empty p{font-size:var(--pro-font-base);font-weight:500;color:#8b949e;margin:0}.pro-empty span{font-size:var(--pro-font-sm);color:#6b7280}.pro-empty-alerts{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;gap:8px}.pro-empty-alerts p{font-size:var(--pro-font-sm);color:#3fb950;margin:0}@media (max-width: 1200px){.pro-dashboard-grid{grid-template-columns:1fr;gap:10px}.pro-kpi-row{grid-template-columns:repeat(3,1fr);gap:10px}}@media (max-width: 900px){.pro-kpi-row{grid-template-columns:repeat(2,1fr);gap:8px}.pro-kpi-card{padding:10px 12px;min-height:70px}.pro-kpi-value{font-size:14px}}@media (max-width: 600px){.pro-kpi-row{grid-template-columns:1fr 1fr;gap:8px}.pro-stats-grid{grid-template-columns:1fr}.pro-chart-card{min-height:200px}.pro-chart-body{padding:8px;min-height:150px}}.pro-controls-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px}.pro-controls-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap}.pro-controls-right{display:flex;align-items:center;gap:10px}.pro-controls-bar .pro-search-input{display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;width:320px;min-width:320px;height:38px}.pro-search-input{display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;width:280px;height:38px}.pro-search-input svg{color:var(--text-muted);flex-shrink:0;width:14px;height:14px}.pro-search-input input{flex:1;background:none;border:none;color:var(--text-primary);font-size:13px;outline:none;width:100%}.pro-search-input input::placeholder{color:var(--text-muted)}.pro-controls-bar .pro-select,.pro-controls-bar select{padding:0 12px!important;background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:6px!important;color:var(--text-primary)!important;font-size:13px!important;font-weight:500!important;cursor:pointer!important;outline:none!important;height:38px!important;min-width:auto!important}.pro-controls-bar .pro-select:focus,.pro-controls-bar select:focus{border-color:var(--wis-lime)!important}.pro-controls-bar .btn,.pro-controls-bar .pro-btn,.pro-controls-bar button:not(.actions-trigger){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 18px!important;font-size:13px!important;font-weight:500!important;height:38px!important;border-radius:6px!important;white-space:nowrap!important;cursor:pointer!important;transition:all .15s ease!important;overflow:visible!important;width:auto!important;min-width:max-content!important}.pro-controls-bar .btn svg,.pro-controls-bar .pro-btn svg,.pro-controls-bar button svg{width:14px!important;height:14px!important;flex-shrink:0!important}.pro-controls-bar .btn-primary,.pro-controls-bar .pro-btn-primary{background:var(--wis-lime)!important;color:#000!important;border:none!important}.pro-controls-bar .btn-primary:hover,.pro-controls-bar .pro-btn-primary:hover{background:#bef264!important}.btn-outline-blue{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 18px!important;background:transparent!important;border:1px solid #3b82f6!important;border-radius:6px!important;color:#3b82f6!important;font-size:13px!important;font-weight:500!important;height:38px!important;white-space:nowrap!important;cursor:pointer!important;transition:all .15s ease!important;min-width:max-content!important}.btn-outline-blue:hover{background:#3b82f61a!important}.pro-table-card{background:var(--bg-card);border-radius:var(--radius-md);overflow:visible}.pro-table-container{overflow:visible}.pro-table{width:100%;border-collapse:collapse}.pro-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#8b949e;text-transform:uppercase;letter-spacing:.5px;background:#0003;border-bottom:1px solid var(--border-color)}.pro-table td{padding:12px 16px;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border-color);vertical-align:middle}.pro-table tbody tr:hover{background:#ffffff05}.org-name-cell{display:flex;flex-direction:column}.org-name-text{font-weight:600;color:var(--text-primary)}.contact-info-cell{display:flex;flex-direction:column;gap:4px}.contact-row{display:flex;align-items:center;gap:6px}.contact-row svg{color:var(--text-muted);flex-shrink:0}.contact-link{font-size:12px;color:var(--wis-lime);text-decoration:none;transition:color .2s}.contact-link:hover{color:var(--wis-lime-soft);text-decoration:underline}.contact-text{font-size:12px;color:var(--text-muted)}.address-text{font-size:12px;color:var(--text-muted);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.website-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--wis-lime);text-decoration:none;transition:color .2s}.website-link:hover{color:var(--wis-lime-soft);text-decoration:underline}.na-text{font-size:12px;color:var(--text-muted)}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500}.status-active{background:#22c55e26;color:#22c55e}.status-inactive{background:#6b728026;color:#6b7280}.sms-count-cell{display:flex;align-items:center;gap:6px}.sms-count-cell svg{color:var(--wis-lime)}.sms-count-text{font-size:13px;font-weight:600;color:var(--text-primary)}.date-text{font-size:12px;color:var(--text-muted)}.actions-menu-container{position:relative}.actions-trigger{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .2s}.actions-trigger:hover{background:var(--bg-card-light);color:var(--text-primary)}.actions-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:180px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #00000080;z-index:9999;overflow:visible;max-height:400px;overflow-y:auto}.action-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:none;text-align:left;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.action-item:hover{background:var(--bg-card-light);color:var(--text-primary)}.action-item svg{color:var(--wis-lime)}.action-item.action-danger:hover{background:#ef44441a;color:#ef4444}.action-item.action-danger svg{color:#ef4444}.action-item.action-success svg{color:#22c55e}[data-theme=light] .actions-dropdown{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 40px #0000001f,0 2px 10px #0000000f!important;border-radius:12px!important}[data-theme=light] .action-item{color:#475569!important}[data-theme=light] .action-item:hover{background:#f1f5f9!important;color:#0f172a!important}[data-theme=light] .action-item svg{color:#22c55e!important}[data-theme=light] .action-item.action-danger:hover{background:#ef444414!important;color:#dc2626!important}[data-theme=light] .action-item.action-danger svg{color:#dc2626!important}[data-theme=light] .action-item.action-success svg{color:#16a34a!important}[data-theme=light] .actions-trigger{color:#64748b!important}[data-theme=light] .actions-trigger:hover{background:#f1f5f9!important;color:#0f172a!important}.pro-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid var(--border-color)}.pagination-info{font-size:13px;color:var(--text-muted)}.pagination-buttons{display:flex;gap:6px}.pagination-btn{padding:6px 12px;background:var(--bg-card-light);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--bg-card-lighter);color:var(--text-primary)}.pagination-btn.active{background:#22c55e33;border-color:#22c55e66;color:var(--wis-lime)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.alert{position:relative;padding:12px 40px 12px 16px;border-radius:8px;font-size:14px}.alert-close{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:inherit;opacity:.7;cursor:pointer;transition:opacity .2s}.alert-close:hover{opacity:1}@media (max-width: 768px){.pro-controls-bar{flex-wrap:wrap}.pro-controls-right{flex-wrap:wrap;width:100%;justify-content:flex-end}.pro-search-input{min-width:100%;max-width:100%}.pro-controls-bar .pro-select{width:auto}}.pro-table-header-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#0003;border-bottom:1px solid var(--border-color)}.pro-table-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--text-primary)}.pro-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:#22c55e26;color:#22c55e;font-size:12px;font-weight:600;border-radius:12px}.pro-role-badge{display:inline-flex;align-items:center;padding:4px 12px;background:#3b82f626;color:#3b82f6;font-size:12px;font-weight:500;border-radius:12px}.pro-assigned-empty{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:12px}.pro-assigned-users{display:flex;align-items:center;gap:6px}.pro-assigned-text{font-size:12px;color:#22c55e;font-weight:500}.pro-assigned-more{display:inline-flex;padding:2px 6px;background:#22c55e26;color:#22c55e;font-size:10px;font-weight:600;border-radius:8px}.pro-action-btn.assign{color:#3b82f6}.pro-action-btn.assign:hover{background:#3b82f626;color:#60a5fa}.pro-modal-wide{max-width:500px}.pro-assign-info-box{padding:14px 16px;border-radius:8px;margin-bottom:16px}.pro-assign-info-box h4{font-size:13px;font-weight:600;margin-bottom:6px}.pro-assign-info-box p{font-size:12px;margin:4px 0}.pro-assign-info-box p.small{font-size:11px;opacity:.8}.pro-assign-info-box.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e}.pro-assign-info-box.info{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#3b82f6}.pro-user-search{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;margin-bottom:12px}.pro-user-search svg{color:var(--text-muted);flex-shrink:0}.pro-user-search input{flex:1;background:none;border:none;color:var(--text-primary);font-size:13px;outline:none}.pro-user-search input::placeholder{color:var(--text-muted)}.pro-user-list{max-height:100vh;overflow-y:auto;border:1px solid var(--border-color);border-radius:6px}.pro-user-item{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;transition:all .2s;border-bottom:1px solid var(--border-color)}.pro-user-item:last-child{border-bottom:none}.pro-user-item:hover{background:var(--bg-card-light)}.pro-user-item.selected{background:#22c55e1a;border-left:3px solid #22c55e}.pro-user-item .pro-user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0}.pro-user-item .pro-user-details{flex:1;display:flex;flex-direction:column;gap:2px}.pro-user-item .pro-user-name{font-size:13px;font-weight:500;color:var(--text-primary)}.pro-user-item .pro-user-email{font-size:11px;color:var(--text-muted)}.pro-user-item .pro-user-role{font-size:10px;color:var(--text-dim);text-transform:capitalize}.pro-user-selected-icon{color:#22c55e}.pro-loading-small{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px;color:var(--text-muted);font-size:12px}.pro-empty-small{display:flex;align-items:center;justify-content:center;padding:24px;color:var(--text-muted);font-size:12px}.pro-selection-bar{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--bg-card);border-radius:var(--radius-md);margin-bottom:16px;flex-wrap:nowrap;overflow-x:auto}.pro-selector-group{display:flex;align-items:center;gap:8px}.pro-selector-label{display:flex;align-items:center;gap:var(--gap-sm);font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-medium)!important;color:var(--text-muted)!important;white-space:nowrap}.pro-selector-label svg{width:14px!important;height:14px!important;color:var(--wis-cyan)!important}.pro-select-large{min-width:140px}.pro-connection-status{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#22c55e1a;border:1px solid rgba(34,197,94,.4);border-radius:6px;font-size:11px;color:#22c55e;font-weight:500;white-space:nowrap;flex-shrink:0;height:32px}.pro-connection-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse-green 2s infinite}@keyframes pulse-green{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media (max-width: 1024px){.pro-selection-bar{flex-direction:column;align-items:stretch;gap:12px}.pro-selector-group{flex-direction:column;align-items:stretch;gap:6px}.pro-select-large{min-width:100%}}.app-auth-tab{padding:8px 16px;font-size:14px;font-weight:500;border-radius:6px;transition:all .2s;border:none;cursor:pointer;background:transparent;color:var(--text-secondary)}.app-auth-tab:hover{background:#ffffff0d;color:var(--text-primary)}.app-auth-tab-active{background:var(--wis-lime)!important;color:#000!important}.app-auth-device-option{width:100%;text-align:left;padding:12px 16px;border:none;border-bottom:1px solid var(--border-color);background:transparent;color:var(--text-primary);cursor:pointer;transition:background .2s}.app-auth-device-option:last-child{border-bottom:none}.app-auth-device-option:hover{background:#ffffff0d}.app-auth-device-option.selected{background:#39ff141a;color:var(--wis-lime)}.logs-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;border-radius:6px;background:transparent;color:var(--text-secondary);border:none;cursor:pointer;transition:all .2s ease}.logs-tab:hover{background:#ffffff0d;color:var(--text-primary)}.logs-tab-active{background:var(--wis-lime)!important;color:#000!important}.logs-tab-active svg{color:#000!important}.logs-tabs-container{display:flex;width:100%;border-bottom:1px solid #374151}.logs-tab-ref{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;color:#6b7280;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap}.logs-tab-ref:hover{color:#166534;background:#1665340d;border-bottom-color:#1665344d}.logs-tab-ref-active{background:#166534!important;color:#fff!important;border-bottom-color:#22c55e!important}.logs-tab-ref-active svg{color:#fff!important}[data-theme=light] .logs-tabs-container{border-bottom-color:#e5e7eb}[data-theme=light] .logs-tab-ref{color:#6b7280}[data-theme=light] .logs-tab-ref:hover{color:#166534;background:#1665340d}[data-theme=light] .logs-tab-ref-active{background:#166534!important;color:#fff!important}.logs-tabs-fullwidth{display:flex;width:100%;border-bottom:1px solid #374151}.logs-tab-full{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font-size:15px;font-weight:500;color:#6b7280;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap}.logs-tab-full:hover{color:#166534;background:#1665340d;border-bottom-color:#1665344d}.logs-tab-full-active{background:#166534!important;color:#fff!important;border-bottom-color:#22c55e!important}.logs-tab-full-active svg{color:#fff!important}[data-theme=light] .logs-tabs-fullwidth{border-bottom-color:#e5e7eb}[data-theme=light] .logs-tab-full{color:#6b7280}[data-theme=light] .logs-tab-full:hover{color:#166534;background:#1665340d}[data-theme=light] .logs-tab-full-active{background:#166534!important;color:#fff!important}[data-theme=light] .logs-stat-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .logs-stat-label{color:#64748b!important}[data-theme=light] .logs-stat-value{color:#0f172a!important}[data-theme=light] .logs-stat-value.lime{color:#059669!important}[data-theme=light] .logs-stat-value.blue{color:#3b82f6!important}[data-theme=light] .logs-search{background:#fff!important;border:1px solid #e2e8f0!important;color:#0f172a!important}[data-theme=light] .logs-search::placeholder{color:#94a3b8!important}.logs-stat-card{background:var(--bg-card);border-radius:var(--radius-md);padding:12px 14px;border:1px solid var(--border-color)}.logs-stat-label{font-size:13px!important;color:var(--text-secondary);margin-bottom:4px}.logs-stat-value{font-size:22px!important;font-weight:700;color:var(--text-primary)}.logs-stat-value.lime{color:var(--wis-lime)}.logs-stat-value.blue{color:var(--wis-blue)}.logs-stat-value.yellow{color:var(--wis-yellow)}.logs-stat-value.red{color:var(--wis-red)}.logs-stat-value.purple{color:#a855f7}.logs-stat-value.orange{color:#f97316}.logs-table-container{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden}.logs-table{width:100%;border-collapse:collapse}.logs-table th{background:var(--bg-card-light);padding:12px 16px;text-align:left;font-size:14px!important;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.logs-table td{padding:12px 16px;font-size:15px!important;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.logs-table tr:last-child td{border-bottom:none}.logs-table tr:hover{background:#ffffff05}.logs-table .mono{font-family:JetBrains Mono,monospace;font-size:15px}.logs-table .muted{color:var(--text-muted)}.log-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.log-badge-info{background:#2eff8a26;color:var(--wis-green)}.log-badge-warning{background:#ffc10726;color:var(--wis-yellow)}.log-badge-notice{background:#00a8ff26;color:var(--wis-blue)}.log-badge-error{background:#ff475726;color:var(--wis-red)}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-badge-active{background:#2eff8a26;color:var(--wis-green)}.status-badge-inactive{background:#ff475726;color:var(--wis-red)}.logs-search{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:12px 16px;color:var(--text-primary);font-size:15px;font-weight:500;width:100%;max-width:350px;transition:border-color .2s,box-shadow .2s;box-shadow:0 2px 6px #0000001a}.logs-search:focus{outline:none;border-color:var(--wis-lime);box-shadow:0 0 0 3px #b6ff0033,0 2px 6px #0000001a}.logs-search::placeholder{color:var(--text-muted)}.logs-chart-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--border-color)}.logs-chart-title{font-size:17px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.logs-chart-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-card-light);border-radius:var(--radius-md);margin-bottom:8px}.logs-chart-item:last-child{margin-bottom:0}.logs-chart-item-left{display:flex;align-items:center;gap:10px}.logs-chart-dot{width:12px;height:12px;border-radius:50%}.logs-chart-label{font-size:15px;color:var(--text-primary)}.logs-chart-value{font-size:15px;font-weight:600;color:var(--text-secondary)}.pro-page-container{padding:24px;background:var(--bg-main);min-height:100%}.pro-page-header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}@media (min-width: 768px){.pro-page-header{flex-direction:row;align-items:center;justify-content:space-between}}.pro-page-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.pro-page-subtitle{font-size:14px;color:var(--text-muted);margin:4px 0 0}.pro-header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.pro-select option{background:var(--bg-card);color:var(--text-primary)}.pro-select-trigger{display:flex;height:40px;width:100%;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;cursor:pointer;transition:border-color .15s ease}.pro-select-trigger:focus{outline:none;border-color:var(--wis-lime);box-shadow:0 0 0 1px var(--wis-lime-glow)}.pro-select-content{position:absolute;z-index:50;margin-top:4px;max-height:240px;width:100%;overflow:auto;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);padding:4px 0;box-shadow:var(--shadow-lg)}.pro-select-item{position:relative;display:flex;width:100%;cursor:pointer;user-select:none;align-items:center;padding:10px 14px;font-size:14px;color:var(--text-primary);transition:background .1s ease}.pro-select-item:hover{background:var(--bg-card-hover)}.pro-search-container{position:relative}.pro-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.pro-search-input{padding:8px 12px 8px 40px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-size:14px;min-width:200px}.pro-search-input::placeholder{color:var(--text-muted)}.pro-search-input:focus{outline:none;border-color:var(--accent-primary)}.pro-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;white-space:nowrap;min-height:40px}.pro-btn svg{flex-shrink:0}.pro-btn-success{background:#166534;color:#fff}.pro-btn-success:hover:not(:disabled){background:#15803d}.pro-btn-primary{background:#1e40af;color:#fff}.pro-btn-primary:hover:not(:disabled){background:#1d4ed8}.pro-btn-danger{background:#991b1b;color:#fff}.pro-btn-danger:hover:not(:disabled){background:#b91c1c}.pro-btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.pro-btn-outline:hover:not(:disabled){background:var(--bg-card-light)}.pro-btn-destructive{background:#dc2626;border:1px solid #dc2626;color:#fff}.pro-btn-destructive:hover:not(:disabled){background:#b91c1c}.pro-btn-link{background:transparent;border:none;color:var(--wis-lime);text-decoration-line:underline;text-underline-offset:4px}.pro-btn-link:hover:not(:disabled){text-decoration-line:underline}.pro-btn:disabled{opacity:.5;cursor:not-allowed}.pro-btn-sm{padding:6px 12px;font-size:13px}.pro-btn-xs{padding:4px 10px;font-size:12px}.pro-tabs-list{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px}.pro-tabs-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;padding:10px 20px;font-size:14px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.pro-tabs-trigger:hover{background:#ffffff0d;color:var(--text-primary)}.pro-tabs-trigger-active,.pro-tabs-trigger[data-selected]{background:var(--wis-lime)!important;color:#000!important;font-weight:600!important}.pro-tabs-trigger:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pro-tabs-content{margin-top:16px}.pro-pending-section{margin-bottom:24px}.pro-pending-card{background:var(--bg-card);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-lg);overflow:hidden}.pro-pending-header{padding:16px 20px;border-bottom:1px solid var(--border-color)}.pro-pending-title-row{display:flex;justify-content:space-between;align-items:center}.pro-pending-title-group{display:flex;align-items:center;gap:10px}.pro-pending-title{font-size:16px;font-weight:600;color:var(--text-primary)}.pro-toggle-btn{padding:4px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm)}.pro-toggle-btn:hover{background:var(--bg-card-light)}.pro-pending-description{font-size:13px;color:var(--text-muted);margin:8px 0 0}.pro-pending-content{padding:16px 20px}.pro-pending-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.pro-pending-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-card-light);border-radius:var(--radius-md);border:1px solid var(--border-color)}.pro-pending-item:hover{background:var(--bg-card-hover)}.pro-pending-item-info{flex:1;min-width:0;margin-right:12px}.pro-pending-user-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.pro-pending-user-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-pending-user-email{font-size:12px;color:var(--text-muted);margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-pending-badges{display:flex;align-items:center;gap:8px}.pro-badge-sm{font-size:11px;padding:2px 8px}.pro-badge-muted{background:var(--bg-card)!important;color:var(--text-secondary)!important}.pro-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:pro-spin .8s linear infinite}.pro-spinner-sm{width:16px;height:16px;border-width:2px}.pro-spinner-xs{width:12px;height:12px;border-width:2px}@keyframes pro-spin{to{transform:rotate(360deg)}}.pro-pagination-bar{display:flex;justify-content:space-between;align-items:center;padding:0 8px;margin-bottom:16px}.pro-pagination-info{font-size:14px;color:var(--text-muted)}.pro-pagination-controls{display:flex;align-items:center;gap:8px}.pro-pagination-page{padding:0 12px;font-size:14px;color:var(--text-secondary)}.pro-table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.pro-loading-container{display:flex;align-items:center;justify-content:center;height:256px}.pro-loading-content{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:14px}.pro-table{width:100%;font-size:14px;border-collapse:collapse}.pro-table-head{background:var(--bg-card-light);border-bottom:1px solid var(--border-color)}.pro-th{padding:14px 16px;text-align:left;font-weight:500;color:var(--text-secondary);white-space:nowrap}.pro-th-center{text-align:center}.pro-tr{border-bottom:1px solid var(--border-color)}.pro-tr:hover{background:var(--bg-card-light)}.pro-tr:last-child{border-bottom:none}.pro-td{padding:14px 16px;color:var(--text-primary);vertical-align:middle}.pro-td-center{text-align:center}.pro-td-empty{text-align:center;color:var(--text-muted);padding:32px}.pro-td-name{font-weight:500}.pro-td-email{color:var(--text-secondary)}.pro-td-muted{color:var(--text-muted);font-size:13px}.pro-role-badge{display:inline-flex;padding:4px 10px;background:#3b82f633;color:#60a5fa;border-radius:var(--radius-sm);font-size:12px;font-weight:500}.pro-status-indicator{display:flex;align-items:center;justify-content:center;gap:6px}.pro-status-text{font-size:12px;font-weight:500}.pro-status-active{color:#16a34a}.pro-status-inactive,.pro-status-pending{color:#dc2626}.pro-approval-status{font-size:14px;font-weight:500}.pro-approved{color:#16a34a}.pro-org-list{font-size:14px;color:var(--text-primary);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-actions-cell{position:relative;display:flex;justify-content:center}.pro-actions-btn{display:flex;align-items:center;justify-content:center;padding:8px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer}.pro-actions-btn:hover{background:var(--bg-card-light)}.pro-dropdown-menu{position:fixed;min-width:220px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 10px 40px #00000080,0 4px 12px #0000004d;z-index:99999;overflow:visible}.pro-dropdown-header{padding:10px 16px;border-bottom:1px solid var(--border-color);font-size:12px;font-weight:500;color:var(--text-muted);background:var(--bg-card)}.pro-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:transparent;border:none;text-align:left;font-size:14px;color:var(--text-primary);cursor:pointer}.pro-dropdown-item-danger{color:#dc2626}.pro-dropdown-item-danger:hover{background:#dc26261a}.pro-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(4px);z-index:100;padding:16px}.pro-modal{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);position:relative;max-height:90vh;overflow-y:auto}.pro-modal-lg{width:100%;max-width:640px}.pro-modal-md{width:100%;max-width:420px}.pro-modal-close{position:absolute;top:16px;right:16px;padding:8px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);z-index:10}.pro-modal-close:hover{background:var(--bg-card-light);color:var(--text-primary)}.pro-modal-content{padding:32px}.pro-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.pro-modal-title{font-size:22px;font-weight:700;color:var(--text-primary);text-align:center;margin:0 0 24px}.pro-modal-title-sm{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.pro-modal-close-sm{padding:4px;background:transparent;border:none;color:var(--text-muted);cursor:pointer}.pro-modal-close-sm:hover{color:var(--text-primary)}.pro-modal-text{font-size:14px;color:var(--text-primary);text-align:center;margin:0 0 16px}.pro-form{display:flex;flex-direction:column;gap:20px}.pro-form-centered{padding:24px;align-items:center}.pro-form-group{display:flex;flex-direction:column;gap:8px}.pro-form-full{width:100%}.pro-label{font-size:14px;font-weight:500;color:var(--text-secondary)}.pro-input{width:100%;height:40px;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:border-color .15s ease}.pro-input::placeholder{color:var(--text-muted)}.pro-input:focus{outline:none;border-color:var(--wis-lime);box-shadow:0 0 0 1px var(--wis-lime-glow)}.pro-input-error{border-color:#dc2626!important}.pro-input-group{position:relative}.pro-input-group .pro-input{padding-right:48px}.pro-input-addon{position:absolute;right:0;top:0;height:100%;padding:0 14px;display:flex;align-items:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer}.pro-input-addon:hover{color:var(--text-primary)}.pro-select-modal{width:100%;padding:10px 14px;background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;cursor:pointer}.pro-select-modal:focus{outline:none;border-color:var(--accent-primary)}.pro-select-modal option{background:var(--bg-card);color:var(--text-primary)}.pro-error-text{font-size:12px;color:#dc2626;margin:4px 0 0}.pro-hint-text{font-size:12px;color:var(--text-muted);margin:4px 0 0}.pro-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid var(--border-color);margin-top:8px}.pro-modal-actions-center{justify-content:center;padding-top:16px;border-top:none;margin-top:8px}.pro-device-select option{background:var(--bg-card);color:var(--text-primary)}.app-auth-tab{padding:10px 20px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.app-auth-tab:hover{background:var(--bg-card-light);color:var(--text-primary)}.app-auth-tab-active{background:var(--wis-lime)!important;color:#000!important;font-weight:600}.app-auth-device-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50;max-height:300px;overflow-y:auto!important;overflow-x:hidden;min-width:280px;scrollbar-width:thin;scrollbar-color:var(--wis-lime) transparent}.app-auth-device-dropdown::-webkit-scrollbar{width:6px}.app-auth-device-dropdown::-webkit-scrollbar-track{background:transparent}.app-auth-device-dropdown::-webkit-scrollbar-thumb{background:var(--wis-lime);border-radius:3px}.app-auth-device-option{display:block;width:100%;padding:12px 16px;text-align:left;background:transparent;border:none;cursor:pointer;transition:background .15s}.app-auth-device-option:hover{background:var(--bg-card-light)}.app-auth-device-option.selected{background:#39ff141a;border-left:3px solid var(--wis-lime)}.app-auth-form-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px}.app-auth-form-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.app-auth-form-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.app-auth-info-box{background:#39ff1414;border:1px solid rgba(57,255,20,.3);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:20px}.app-auth-info-box p{font-size:14px;color:var(--text-primary);margin:0}.app-auth-info-box strong{color:var(--wis-lime)}.app-auth-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.app-auth-label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.app-auth-input{width:100%;padding:10px 14px;background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:border-color .2s}.app-auth-input::placeholder{color:var(--text-muted)}.app-auth-input:focus{outline:none;border-color:var(--wis-lime)}.app-auth-input:disabled{opacity:.6;cursor:not-allowed}.app-auth-datetime-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.app-auth-date-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;cursor:pointer;transition:border-color .2s}.app-auth-date-btn:hover{border-color:var(--wis-lime)}.app-auth-date-btn svg{color:var(--text-muted)}.app-auth-time-select option{background:var(--bg-card);color:var(--text-primary)}.app-auth-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--wis-lime);border:none;border-radius:var(--radius-md);color:#000;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.app-auth-submit-btn:hover:not(:disabled){background:#a8e600;transform:translateY(-1px)}.app-auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.app-auth-table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.app-auth-table{width:100%;border-collapse:collapse;font-size:14px}.app-auth-table thead{background:var(--bg-card-light);border-bottom:1px solid var(--border-color)}.app-auth-table th{padding:14px 16px;text-align:left;font-weight:500;color:var(--text-secondary);text-transform:uppercase;font-size:12px;letter-spacing:.5px}.app-auth-table td{padding:14px 16px;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.app-auth-table tr:last-child td{border-bottom:none}.app-auth-table tr:hover td{background:var(--bg-card-light)}.netconfig-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:16px}.netconfig-tab{padding:8px 16px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.netconfig-tab:hover{background:var(--bg-card-light);color:var(--text-primary)}.netconfig-tab-active{background:var(--wis-lime)!important;color:#000!important;font-weight:600}.netconfig-selectors{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.netconfig-selector-group{display:flex;flex-direction:column;gap:6px}.netconfig-selector-label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.netconfig-select{padding:8px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;min-width:180px;cursor:pointer}.netconfig-select:focus{outline:none;border-color:var(--wis-lime)}.netconfig-select option{background:var(--bg-card);color:var(--text-primary)}.app-auth-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.app-auth-empty svg{margin-bottom:16px;color:var(--text-muted)}.app-auth-empty h3{font-size:18px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.app-auth-empty p{font-size:14px;color:var(--text-muted)}.landing-page{min-height:100vh;background:linear-gradient(135deg,#0d1117,#161b22,#0d1117);color:#e6edf3;font-family:var(--font-sans)}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#fffffff2;position:fixed;top:0;left:0;right:0;z-index:100;box-shadow:0 2px 10px #0000001a}.landing-nav-logo{display:flex;align-items:center;gap:8px}.landing-logo-img{height:40px;width:auto}.landing-logo-text{font-size:24px;font-weight:700;color:#1f2937}.landing-nav-actions{display:flex;align-items:center;gap:16px}.landing-btn{padding:10px 24px;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.landing-btn-outline{background:transparent;border:1px solid #d1d5db;color:#1f2937}.landing-btn-outline:hover{background:#f3f4f6;border-color:#9ca3af}.landing-btn-primary{background:#991b1b;border:1px solid #991b1b;color:#fff}.landing-btn-primary:hover{background:#7f1d1d}.landing-hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:100px 32px 60px;overflow:hidden}.landing-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0a1628,#0d1117 40%,#162236)}.landing-hero-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 50%,rgba(0,100,150,.15) 0%,transparent 50%)}.landing-hero-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(0,255,136,.05) 0%,transparent 25%),radial-gradient(circle at 80% 20%,rgba(0,212,255,.05) 0%,transparent 25%)}.landing-hero-content{position:relative;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1400px;margin:0 auto;width:100%;align-items:center}.landing-hero-decoration{margin-bottom:24px}.landing-circuit-svg{width:300px;height:80px}.landing-hero-title{font-size:48px;font-weight:800;line-height:1.1;margin-bottom:24px;color:#fff;text-transform:uppercase;letter-spacing:-1px}.landing-hero-highlight{background:linear-gradient(90deg,#0f8,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-subtitle{font-size:24px;color:#9ca3af;line-height:1.5}.landing-hero-image{display:flex;justify-content:center;align-items:center}.landing-hero-logo{display:flex;flex-direction:column;align-items:center;gap:16px}.landing-wis-icon{width:120px;height:140px}.landing-wis-svg{width:100%;height:100%}.landing-wis-text{font-size:72px;font-weight:900;color:#fff;text-shadow:2px 2px 20px rgba(0,255,136,.3)}.landing-features{padding:80px 32px;background:#f9fafb}.landing-section-title{font-size:32px;font-weight:700;text-align:center;margin-bottom:48px;color:#1f2937}.landing-section-subtitle{font-size:18px;text-align:center;color:#6b7280;max-width:600px;margin:-32px auto 48px}.landing-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px;margin:0 auto}.landing-feature-card{background:#fff;padding:32px;border-radius:12px;text-align:center;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.landing-feature-card:hover{transform:translateY(-4px);box-shadow:0 10px 40px #0000001a}.landing-feature-icon{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#0f8,#00d4ff);border-radius:50%;display:flex;align-items:center;justify-content:center}.landing-feature-icon svg{width:32px;height:32px;stroke:#fff}.landing-feature-card h3{font-size:20px;font-weight:600;margin-bottom:12px;color:#1f2937}.landing-feature-card p{font-size:16px;color:#6b7280}.landing-transform{padding:80px 32px;background:#f9fafb}.landing-transform-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1200px;margin:0 auto;align-items:center}.landing-transform-visual{background:linear-gradient(135deg,#0d1117,#1f2937);border-radius:16px;padding:40px;height:400px;display:flex;align-items:center;justify-content:center}.landing-chart-svg{width:100%;height:200px}.landing-transform-text h2{font-size:36px;font-weight:700;margin-bottom:20px;color:#1f2937}.landing-transform-text p{font-size:18px;color:#6b7280;line-height:1.7;margin-bottom:24px}.landing-checklist{list-style:none;padding:0;margin:0 0 32px}.landing-checklist li{display:flex;align-items:center;gap:12px;padding:8px 0;color:#374151;font-size:16px}.landing-checklist svg{width:20px;height:20px;stroke:#059669;flex-shrink:0}.landing-transform-actions{display:flex;gap:16px}.landing-wifi-options{padding:80px 32px;background:#fff}.landing-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px;margin:0 auto}.landing-option-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:32px;text-align:center;transition:all .3s ease;cursor:pointer}.landing-option-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.landing-option-blue:hover{background:#eff6ff}.landing-option-green:hover{background:#f0fdf4}.landing-option-purple:hover{background:#faf5ff}.landing-option-icon{width:64px;height:64px;margin:0 auto 24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .5s ease}.landing-option-card:hover .landing-option-icon{transform:rotate(360deg)}.landing-option-blue .landing-option-icon{background:#dbeafe}.landing-option-blue .landing-option-icon svg{stroke:#2563eb}.landing-option-green .landing-option-icon{background:#dcfce7}.landing-option-green .landing-option-icon svg{stroke:#16a34a}.landing-option-purple .landing-option-icon{background:#f3e8ff}.landing-option-purple .landing-option-icon svg{stroke:#9333ea}.landing-option-icon svg{width:32px;height:32px}.landing-option-card h3{font-size:24px;font-weight:600;margin-bottom:20px;color:#1f2937}.landing-option-card ul{list-style:none;padding:0;margin:0 0 24px;text-align:left}.landing-option-card li{display:flex;align-items:center;gap:8px;padding:8px 0;color:#6b7280;font-size:14px}.landing-option-card li:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.landing-option-blue li:before{background:#2563eb}.landing-option-green li:before{background:#16a34a}.landing-option-purple li:before{background:#9333ea}.landing-option-btn{width:100%;padding:12px 24px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;border:none;color:#fff;transition:all .2s ease}.landing-option-btn:hover{transform:scale(1.02)}.landing-option-btn-blue{background:#2563eb}.landing-option-btn-blue:hover{background:#1d4ed8}.landing-option-btn-green{background:#16a34a}.landing-option-btn-green:hover{background:#15803d}.landing-option-btn-purple{background:#9333ea}.landing-option-btn-purple:hover{background:#7e22ce}.landing-help{padding:60px 32px;background:#fff;text-align:center}.landing-help h2{font-size:28px;font-weight:600;margin-bottom:12px;color:#1f2937}.landing-help p{font-size:16px;color:#6b7280;margin-bottom:24px}.landing-help-actions{display:flex;gap:16px;justify-content:center}.landing-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:60px 32px 30px}.landing-footer-content{max-width:1200px;margin:0 auto}.landing-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.landing-footer-section h4{font-size:16px;font-weight:600;margin-bottom:20px;color:#1f2937}.landing-footer-section ul{list-style:none;padding:0;margin:0}.landing-footer-section li{padding:6px 0;color:#6b7280;font-size:14px}.landing-footer-section a{color:#6b7280;text-decoration:none;transition:color .2s ease}.landing-footer-section a:hover{color:#1f2937}.landing-footer-logo{display:flex;align-items:center;gap:8px;margin-bottom:16px}.landing-footer-logo span{font-size:18px;font-weight:600;color:#1f2937}.landing-footer-section p{color:#6b7280;font-size:14px;line-height:1.6;margin-bottom:20px}.landing-social-links{display:flex;gap:16px}.landing-social-link{color:#9ca3af;transition:color .2s ease}.landing-social-link:hover{color:#1f2937}.landing-social-link svg{width:24px;height:24px}.landing-footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid #e5e7eb}.landing-footer-bottom p{color:#6b7280;font-size:14px}.landing-footer-links{display:flex;gap:24px}.landing-footer-links a{color:#6b7280;font-size:14px;text-decoration:none;transition:color .2s ease}.landing-footer-links a:hover{color:#1f2937}@media (max-width: 1024px){.landing-hero-content{grid-template-columns:1fr;text-align:center}.landing-hero-image{order:-1}.landing-features-grid,.landing-options-grid{grid-template-columns:1fr;max-width:500px}.landing-transform-content{grid-template-columns:1fr}.landing-footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.landing-nav{padding:12px 16px}.landing-hero{padding:80px 16px 40px}.landing-hero-title{font-size:32px}.landing-hero-subtitle{font-size:18px}.landing-wis-text{font-size:48px}.landing-features,.landing-transform,.landing-wifi-options{padding:60px 16px}.landing-section-title{font-size:28px}.landing-footer-grid{grid-template-columns:1fr}.landing-footer-bottom{flex-direction:column;gap:16px;text-align:center}.landing-transform-actions,.landing-help-actions{flex-direction:column}}html[data-theme=light],html[data-theme=light] body{background:#f6f7f9!important;background-color:#f6f7f9!important}[data-theme=light] .app-layout,[data-theme=light] .main-content,[data-theme=light] .page-content,[data-theme=light] .pro-noc,[data-theme=light] main,[data-theme=light] [class*=p-6],[data-theme=light] [class*=px-6],[data-theme=light] [class*=py-6],[data-theme=light] [class*=p-4],[data-theme=light] [class*=p-8]{background:#f6f7f9!important;background-color:#f6f7f9!important}[data-theme=light] .pro-card,[data-theme=light] .kpi-card,[data-theme=light] .chart-card,[data-theme=light] .flow-card,[data-theme=light] .logs-stat-card,[data-theme=light] .logs-chart-card,[data-theme=light] .logs-table-container,[data-theme=light] .app-auth-form-card,[data-theme=light] [class*=Card],[data-theme=light] .card{background:#fff!important;border:none!important;border-color:transparent!important;border-radius:14px!important;box-shadow:0 12px 28px #0000000f!important}[data-theme=light] .pro-card:hover,[data-theme=light] .kpi-card:hover,[data-theme=light] .chart-card:hover,[data-theme=light] [class*=Card]:hover{box-shadow:0 16px 36px #00000014!important;border:none!important}[data-theme=light] [class*=border-gray],[data-theme=light] [class*=border-slate],[data-theme=light] [class*=border-zinc]{border-color:transparent!important}[data-theme=light] .pro-tabs-list{background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:10px!important;padding:4px!important;display:flex!important;gap:4px!important;flex-wrap:wrap!important}[data-theme=light] .pro-tabs-trigger{background:transparent!important;color:#64748b!important;font-size:14px!important;font-weight:500!important;padding:10px 20px!important;border-radius:8px!important;border:none!important;transition:all .2s ease!important}[data-theme=light] .pro-tabs-trigger:hover{background:#0000000d!important;color:#334155!important}[data-theme=light] .pro-tabs-trigger-active,[data-theme=light] .pro-tabs-trigger[aria-selected=true]{background:var(--wis-lime)!important;color:#fff!important;font-weight:600!important;box-shadow:0 1px 3px #0000001a!important}[data-theme=light] .unified-tabs{background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:10px!important;padding:4px!important}[data-theme=light] .unified-tab{background:transparent!important;color:#64748b!important;font-size:14px!important;font-weight:500!important;padding:10px 20px!important;border-radius:8px!important;border:none!important;transition:all .2s ease!important}[data-theme=light] .unified-tab:hover{background:#0000000d!important;color:#334155!important}[data-theme=light] .unified-tab-active{background:var(--wis-lime)!important;color:#fff!important;font-weight:600!important;box-shadow:0 1px 3px #0000001a!important}[data-theme=light] .unified-tab-active svg,[data-theme=light] .pro-tabs-trigger-active svg,[data-theme=light] .pro-tabs-trigger[aria-selected=true] svg{color:#fff!important}[data-theme=light] th,[data-theme=light] .pro-th,[data-theme=light] thead th,[data-theme=light] .pro-table th,[data-theme=light] .logs-table th,[data-theme=light] .app-auth-table th{background:#f8f9fb!important;color:#6b7280!important;font-size:12px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;padding:14px 16px!important;border-bottom:1px solid rgba(0,0,0,.05)!important;border-top:none!important;border-left:none!important;border-right:none!important}[data-theme=light] td,[data-theme=light] .pro-td,[data-theme=light] tbody td,[data-theme=light] .pro-table td,[data-theme=light] .logs-table td,[data-theme=light] .app-auth-table td{font-size:11px!important;font-weight:400!important;color:#0f172a!important;padding:14px 16px!important;border-bottom:1px solid rgba(0,0,0,.04)!important;background:#fff!important}[data-theme=light] tbody tr:hover td,[data-theme=light] .pro-tr:hover .pro-td{background:#00000005!important}[data-theme=light] .pro-table,[data-theme=light] .logs-table,[data-theme=light] .app-auth-table{background:#fff!important;border-collapse:separate!important;border-spacing:0!important}[data-theme=light] .logs-table th,[data-theme=light] .logs-table td{font-size:14px!important}[data-theme=light] .pro-page-header{margin-bottom:24px!important}[data-theme=light] .pro-title,[data-theme=light] .pro-page-header h1{font-size:24px!important;font-weight:600!important;color:#0f172a!important;margin-bottom:4px!important}[data-theme=light] .pro-subtitle,[data-theme=light] .pro-page-header p{font-size:14px!important;font-weight:400!important;color:#6b7280!important}[data-theme=light] input:not([type=checkbox]):not([type=radio]),[data-theme=light] textarea,[data-theme=light] .app-auth-input{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;color:#0f172a!important;font-size:13px!important;padding:10px 14px!important;transition:all .2s ease!important}[data-theme=light] select,[data-theme=light] .pro-device-select,[data-theme=light] .app-auth-time-select{background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;color:#0f172a!important;font-size:13px!important;padding:10px 32px 10px 14px!important;transition:all .2s ease!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus,[data-theme=light] .pro-device-select:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e1a!important;outline:none!important}[data-theme=light] .pro-btn-primary,[data-theme=light] .pro-btn-success,[data-theme=light] button.pro-btn-primary{background:linear-gradient(180deg,#22c55e,#16a34a)!important;color:#fff!important;border:none!important;font-size:13px!important;font-weight:500!important;padding:10px 18px!important;border-radius:8px!important;box-shadow:0 2px 8px #22c55e40!important}[data-theme=light] .pro-btn-primary:hover,[data-theme=light] .pro-btn-success:hover{background:linear-gradient(180deg,#16a34a,#15803d)!important;box-shadow:0 4px 12px #22c55e59!important}[data-theme=light] .pro-btn-secondary,[data-theme=light] .btn-secondary,[data-theme=light] .pro-btn-outline{background:#fff!important;border:1px solid #e2e8f0!important;color:#0f172a!important;font-size:13px!important;font-weight:500!important;padding:10px 18px!important;border-radius:8px!important}[data-theme=light] .pro-btn-secondary:hover,[data-theme=light] .btn-secondary:hover,[data-theme=light] .pro-btn-outline:hover{background:#f8f9fb!important;border-color:#cbd5e1!important}[data-theme=light] label,[data-theme=light] .app-auth-label{font-size:12px!important;font-weight:500!important;color:#6b7280!important;margin-bottom:6px!important;display:block!important}[data-theme=light] .pro-badge,[data-theme=light] [class*=Badge]{font-size:11px!important;font-weight:500!important;padding:4px 10px!important;border-radius:6px!important}[data-theme=light] .app-auth-device-dropdown,[data-theme=light] .user-dropdown{background:#fff!important;border:none!important;border-radius:12px!important;box-shadow:0 10px 40px #0000001f!important}[data-theme=light] .app-auth-device-option{color:#0f172a!important;padding:12px 16px!important;border-bottom:1px solid rgba(0,0,0,.04)!important}[data-theme=light] .app-auth-device-option:hover{background:#f8f9fb!important}[data-theme=light] .app-auth-device-option.selected{background:#22c55e14!important;border-left:3px solid #22c55e!important}[data-theme=light] .pro-modal{background:#fff!important;border:none!important;border-radius:16px!important;box-shadow:0 25px 50px #00000026!important}[data-theme=light] .pro-modal-header{border-bottom:1px solid rgba(0,0,0,.05)!important}[data-theme=light] .pro-modal-title{font-size:18px!important;font-weight:600!important;color:#0f172a!important}[data-theme=light] .pro-modal-footer{border-top:1px solid rgba(0,0,0,.05)!important}[data-theme=light] .app-auth-info-box{background:#f8f9fb!important;border:1px solid rgba(0,0,0,.05)!important;border-radius:8px!important;padding:12px 16px!important}[data-theme=light] .app-auth-info-box p{color:#6b7280!important;font-size:13px!important}[data-theme=light] .app-auth-info-box strong{color:#0f172a!important;font-weight:500!important}[data-theme=light] .pro-loading-spinner,[data-theme=light] .pro-spinner,[data-theme=light] .loading-spinner{border-color:#00000014!important;border-top-color:#22c55e!important}[data-theme=light] .pro-table-empty,[data-theme=light] .pro-table-loading,[data-theme=light] .app-auth-empty{color:#6b7280!important}[data-theme=light] .header{background:#fff!important;border-bottom:none!important;box-shadow:0 1px 10px #0000000d!important}[data-theme=light] .sidebar{background:#fff!important;border-right:none!important;box-shadow:1px 0 10px #0000000a!important}[data-theme=light] .sidebar-link-active,[data-theme=light] .nav-item.active{background:#22c55e14!important;color:#22c55e!important;border-left:3px solid #22c55e!important}[data-theme=light] .pro-card[style*="margin-bottom: 16px"][style*="padding: 16px"]{background:#fff!important;border:none!important;box-shadow:0 8px 20px #0000000d!important}[data-theme=light] .bg-blue-100,[data-theme=light] [class*=bg-blue-100]{background-color:#dbeafe!important}[data-theme=light] .text-blue-800,[data-theme=light] [class*=text-blue-800]{color:#1e40af!important}[data-theme=light] .bg-green-100,[data-theme=light] [class*=bg-green-100]{background-color:#dcfce7!important}[data-theme=light] .text-green-800,[data-theme=light] [class*=text-green-800]{color:#166534!important}[data-theme=light] .bg-yellow-100,[data-theme=light] [class*=bg-yellow-100]{background-color:#fef3c7!important}[data-theme=light] .text-yellow-800,[data-theme=light] [class*=text-yellow-800]{color:#92400e!important}[data-theme=light] .bg-red-100,[data-theme=light] [class*=bg-red-100]{background-color:#fee2e2!important}[data-theme=light] .text-red-800,[data-theme=light] [class*=text-red-800]{color:#991b1b!important}[data-theme=light] .bg-gray-100,[data-theme=light] [class*=bg-gray-100]{background-color:#f3f4f6!important}[data-theme=light] .text-gray-800,[data-theme=light] [class*=text-gray-800]{color:#1f2937!important}[data-theme=light] .bg-gray-200,[data-theme=light] [class*=bg-gray-200]{background-color:#e5e7eb!important}[data-theme=light] .text-gray-700,[data-theme=light] [class*=text-gray-700]{color:#374151!important}[data-theme=light] .text-gray-600,[data-theme=light] [class*=text-gray-600]{color:#4b5563!important}[data-theme=light] .text-gray-900,[data-theme=light] [class*=text-gray-900]{color:#111827!important}[data-theme=light] .text-green-600,[data-theme=light] [class*=text-green-600]{color:#16a34a!important}[data-theme=light] .text-red-600,[data-theme=light] [class*=text-red-600]{color:#dc2626!important}[data-theme=light] .bg-gray-50,[data-theme=light] [class*=bg-gray-50]{background-color:#f9fafb!important}[data-theme=light] span[class*=inline-flex][class*=rounded-full]{font-weight:500!important;padding:4px 10px!important;border-radius:9999px!important}.sidebar-logo-img{width:56px;height:56px;object-fit:contain;border-radius:10px}[data-theme=light] .sidebar-logo{display:flex;align-items:center;justify-content:center;padding:12px}[data-theme=light] .pro-btn-primary,[data-theme=light] .pro-btn-success,[data-theme=light] button.pro-btn-primary,[data-theme=light] button.pro-btn-success{background:#18181b!important;color:#fff!important;border:none!important;font-size:13px!important;font-weight:500!important;padding:10px 18px!important;border-radius:8px!important;box-shadow:0 2px 8px #18181b33!important}[data-theme=light] .pro-btn-primary:hover,[data-theme=light] .pro-btn-success:hover,[data-theme=light] button.pro-btn-primary:hover,[data-theme=light] button.pro-btn-success:hover{background:#27272a!important;box-shadow:0 4px 12px #18181b4d!important}[data-theme=light] .pro-tabs-trigger-active,[data-theme=light] .pro-tabs-trigger[aria-selected=true],[data-theme=light] .unified-tab-active{background:var(--wis-lime)!important;color:#fff!important;font-weight:600!important;box-shadow:0 1px 3px #0000001a!important}[data-theme=light] .sidebar-link-active,[data-theme=light] .nav-item.active{background:#18181b14!important;color:#18181b!important;border-left:3px solid #18181b!important}[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus,[data-theme=light] .pro-device-select:focus{border-color:#18181b!important;box-shadow:0 0 0 3px #18181b1a!important;outline:none!important}[data-theme=light] .app-auth-device-option.selected{background:#18181b14!important;border-left:3px solid #18181b!important}[data-theme=light] .pro-loading-spinner,[data-theme=light] .pro-spinner,[data-theme=light] .loading-spinner{border-color:#00000014!important;border-top-color:#18181b!important}.pro-tabs{display:flex;gap:4px;padding:4px;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color)}.pro-tab{display:flex;align-items:center;gap:8px;padding:10px 18px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.pro-tab:hover{background:var(--bg-card-light);color:var(--text-primary)}.pro-tab.active{background:var(--wis-lime);color:#000;font-weight:600}.pro-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#0003;border-radius:10px;font-size:11px;font-weight:600}.pro-tab.active .pro-tab-count{background:#0000004d;color:#000}.pro-dropdown-container{position:static;display:inline-block}.pro-dropdown-menu{position:fixed;min-width:220px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 10px 40px #00000080,0 4px 12px #0000004d;z-index:99999;overflow:visible;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pro-dropdown-header{padding:10px 14px;border-bottom:1px solid var(--border-color);font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-card)}.pro-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;text-align:left;font-size:13px;color:var(--text-primary);cursor:pointer;transition:all .15s}.pro-dropdown-item:hover{background:var(--bg-card-light)}.pro-dropdown-item svg{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.pro-dropdown-item.danger{color:var(--wis-red)}.pro-dropdown-item.danger svg{color:var(--wis-red)}.pro-dropdown-item.danger:hover{background:#ff47571a}.pro-dropdown-divider{height:1px;background:var(--border-color);margin:4px 0}.pro-toggle{position:relative;display:inline-flex;width:44px;height:24px;background:var(--bg-card-light);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s}.pro-toggle.active{background:var(--wis-lime);border-color:var(--wis-lime)}.pro-toggle-slider{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform .2s}.pro-toggle.active .pro-toggle-slider{transform:translate(20px)}.pro-info-box{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--radius-md);margin-bottom:16px}.pro-info-box svg{flex-shrink:0;margin-top:2px}.pro-info-box p{margin:0;font-size:13px;line-height:1.5}.pro-info-box.blue{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#60a5fa}.pro-info-box.green{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e}.pro-info-box.gray{background:#6b72801a;border:1px solid rgba(107,114,128,.2);color:#9ca3af}.pro-info-box.yellow{background:#eab3081a;border:1px solid rgba(234,179,8,.2);color:#fbbf24}.pro-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.pro-form-full{grid-column:1 / -1}.pro-form-hint{font-size:11px;color:var(--text-muted);margin-top:4px}.pro-input-with-icon{position:relative;display:flex;align-items:center}.pro-input-with-icon input{width:100%;padding-right:40px}.pro-input-icon-btn{position:absolute;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .15s}.pro-input-icon-btn:hover{background:var(--bg-card-light);color:var(--text-primary)}.pro-upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:32px;text-align:center;transition:all .2s;cursor:pointer}.pro-upload-area:hover{border-color:var(--wis-lime);background:#39ff140d}.pro-upload-area.dragging{border-color:var(--wis-lime);background:#39ff141a}.pro-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px}.pro-upload-placeholder svg{width:48px;height:48px;color:var(--text-muted)}.pro-upload-placeholder p{margin:0;font-size:14px;color:var(--text-secondary)}.pro-upload-placeholder span{color:var(--wis-lime);font-weight:500}.pro-upload-preview{display:flex;flex-direction:column;align-items:center;gap:12px}.pro-upload-preview img{max-width:200px;max-height:150px;border-radius:var(--radius-md);object-fit:contain}.pro-upload-hint{font-size:11px;color:var(--text-muted);margin-top:8px}.pro-checkbox-group{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--bg-card-light);border-radius:var(--radius-md);border:1px solid var(--border-color)}.pro-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;color:var(--text-primary)}.pro-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--wis-lime)}.pro-mac-cell{display:flex;align-items:center;gap:6px;min-width:0}.pro-device-mac{font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px;color:var(--text-primary);background:var(--bg-card-light);padding:3px 6px;border-radius:var(--radius-sm);white-space:nowrap}.pro-mac-missing{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);font-style:italic;white-space:nowrap}.pro-action-buttons{display:flex;align-items:center;gap:8px}.pro-action-buttons .pro-btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.pro-btn-mini{padding:4px 8px;font-size:11px;border-radius:4px}.pro-btn-link{background:transparent;border:none;color:var(--wis-blue);font-size:13px;cursor:pointer;padding:0;text-decoration:underline}.pro-btn-link:hover{color:#79c0ff}.pro-btn-manage{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-card-light);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.pro-btn-manage:hover{background:var(--bg-card-lighter);border-color:var(--border-light)}.pro-btn-success{background:var(--wis-lime);color:#000;border:none;font-weight:600}.pro-btn-success:hover{background:#a8e600}.pro-modal-large{max-width:640px}.pro-modal-xl{max-width:800px}.pro-modal-sm{max-width:360px}.pro-filter-count{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;background:var(--wis-lime);color:#000;font-size:11px;font-weight:600;border-radius:16px;white-space:nowrap}.pro-view-mode-selector{display:flex;align-items:center;gap:12px;padding:8px 14px;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color)}.pro-view-mode-label{font-size:13px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.pro-approval-cell{display:flex;align-items:center;gap:10px}.pro-approval-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.pro-approval-badge.approved{background:#22c55e26;color:#22c55e}.pro-approval-badge.pending{background:#eab30826;color:#fbbf24}.pro-location-cell{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.pro-location-cell svg{color:var(--text-muted);flex-shrink:0}[data-theme=light] .pro-tabs{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000a}[data-theme=light] .pro-tab{color:#64748b}[data-theme=light] .pro-tab:hover{background:#f1f5f9;color:#0f172a}[data-theme=light] .pro-tab.active{background:linear-gradient(180deg,#0f172a,#1e293b);color:#fff}[data-theme=light] .pro-tab.active .pro-tab-count{background:#fff3;color:#fff}[data-theme=light] .pro-dropdown-menu{background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 40px #0003,0 4px 12px #0000001a;z-index:99999}[data-theme=light] .pro-dropdown-header{background:#f8fafc;border-bottom:1px solid #e2e8f0}[data-theme=light] .pro-dropdown-item{color:#0f172a}[data-theme=light] .pro-dropdown-item:hover{background:#f1f5f9}[data-theme=light] .pro-toggle{background:#e2e8f0;border-color:#e2e8f0}[data-theme=light] .pro-toggle.active{background:#22c55e;border-color:#22c55e}[data-theme=light] .pro-info-box.blue{background:#3b82f614;border-color:#3b82f626;color:#3b82f6}[data-theme=light] .pro-info-box.green{background:#22c55e14;border-color:#22c55e26;color:#16a34a}[data-theme=light] .pro-upload-area{border-color:#e2e8f0;background:#fff}[data-theme=light] .pro-upload-area:hover{border-color:#22c55e;background:#22c55e0d}[data-theme=light] .pro-device-mac{background:#f1f5f9;color:#0f172a}[data-theme=light] .pro-checkbox-group{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .pro-btn-manage{background:#fff;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .pro-btn-manage:hover{background:#f8fafc;border-color:#cbd5e1}[data-theme=light] .pro-view-mode-selector{background:#fff;border-color:#e2e8f0}.switch-toggle{position:relative;width:44px;height:24px;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease;flex-shrink:0}.switch-toggle.switch-off{background:var(--bg-card-lighter)}.switch-toggle.switch-on{background:var(--wis-lime)}.switch-toggle.switch-disabled{opacity:.5;cursor:not-allowed}.switch-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 2px 4px #0003}.switch-toggle.switch-on .switch-thumb{transform:translate(20px)}.pms-config-card{border-radius:var(--radius-lg);overflow:hidden}.pms-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-card-light);border-bottom:1px solid var(--border-color)}.pms-card-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.pms-card-body{padding:20px}.pms-provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pms-provider-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:var(--bg-body);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:center}.pms-provider-card:hover{border-color:var(--wis-lime);background:var(--bg-card-hover)}.pms-provider-card.selected{border-color:var(--wis-lime);background:#39ff1414}.pms-provider-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-card-lighter);border-radius:var(--radius-sm);margin-bottom:10px;color:var(--text-secondary)}.pms-provider-card.selected .pms-provider-icon{background:#39ff1426;color:var(--wis-lime)}.pms-provider-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.pms-provider-desc{font-size:11px;color:var(--text-secondary);line-height:1.3}.pms-provider-check{position:absolute;top:8px;right:8px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--wis-lime);border-radius:50%}.pms-settings-list{display:flex;flex-direction:column;gap:16px}.pms-setting-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-color)}.pms-setting-row:last-child{border-bottom:none}.pms-setting-label{font-size:14px;font-weight:500;color:var(--text-primary)}.pms-setting-desc{font-size:12px;color:var(--text-secondary);margin-top:2px}.pms-test-result{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500}.pms-test-result.success{background:#2eff8a1a;color:var(--wis-green);border:1px solid rgba(46,255,138,.3)}.pms-test-result.error{background:#ff47571a;color:var(--wis-red);border:1px solid rgba(255,71,87,.3)}.pms-empty-state{display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center;color:var(--text-secondary)}.pms-empty-state p{margin:8px 0 0}.pms-mappings-list{display:flex;flex-direction:column;gap:8px}.pms-mapping-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-md)}.pms-mapping-info{display:flex;align-items:center;gap:12px}.pms-mapping-project,.pms-mapping-property{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-primary)}.pms-mapping-arrow{color:var(--text-muted)}.pms-mapping-remove{padding:6px;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.pms-mapping-remove:hover{background:#ff47571a;color:var(--wis-red)}.pms-guest-list{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden}.pms-guest-controls{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-color);background:var(--bg-card-light)}.pms-guest-tabs{display:flex;gap:8px}.pms-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.pms-tab:hover{background:var(--bg-card-lighter);color:var(--text-primary)}.pms-tab.active{background:var(--wis-lime);border-color:var(--wis-lime);color:#000}.pms-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#fff3;border-radius:10px;font-size:11px;font-weight:600}.pms-tab.active .pms-tab-count{background:#0003}.pms-guest-actions{display:flex;align-items:center;gap:12px}.pms-guest-table{margin:0}.pms-guest-row{transition:background .15s ease}.pms-guest-row:hover{background:var(--bg-card-hover)}.pms-guest-name{display:flex;align-items:center;gap:10px}.pms-guest-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--wis-lime),var(--wis-blue));border-radius:50%;font-size:13px;font-weight:600;color:#000}.pms-room-badge{display:inline-flex;padding:4px 10px;background:#39ff141f;color:var(--wis-lime);border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:var(--font-mono)}.pms-loading,.pms-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;color:var(--text-secondary);text-align:center}.pms-loading{flex-direction:row;gap:12px}.pms-empty p{margin:8px 0 0}.pms-validation-form{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px}.pms-validation-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.pms-validation-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.pms-validation-header p{font-size:13px;color:var(--text-secondary);margin:0}.pms-validation-fields{display:flex;flex-direction:column;gap:16px}.pms-field-group{display:flex;flex-direction:column;gap:12px}.pms-field{display:flex;flex-direction:column;gap:6px}.pms-validation-actions{display:flex;gap:10px;margin-top:4px}.pms-validation-result{margin-top:20px;padding:16px;border-radius:var(--radius-md)}.pms-validation-result.success{background:#2eff8a14;border:1px solid rgba(46,255,138,.2)}.pms-validation-result.error{background:#ff475714;border:1px solid rgba(255,71,87,.2)}.pms-result-header{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;margin-bottom:12px}.pms-validation-result.success .pms-result-header{color:var(--wis-green)}.pms-validation-result.error .pms-result-header{color:var(--wis-red)}.pms-result-details{display:flex;flex-direction:column;gap:8px}.pms-result-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.pms-result-row:last-child{border-bottom:none}.pms-result-label{font-size:13px;color:var(--text-secondary)}.pms-result-value{font-size:13px;font-weight:500;color:var(--text-primary)}.pms-result-error{font-size:14px;color:var(--wis-red);margin-top:8px}[data-theme=light] .pms-provider-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .pms-provider-card:hover{border-color:#22c55e;background:#22c55e0d}[data-theme=light] .pms-provider-card.selected{border-color:#22c55e;background:#22c55e14}[data-theme=light] .pms-provider-icon{background:#f1f5f9;color:#64748b}[data-theme=light] .pms-provider-card.selected .pms-provider-icon{background:#22c55e26;color:#16a34a}[data-theme=light] .pms-provider-name{color:#0f172a}[data-theme=light] .pms-provider-check{background:#22c55e}[data-theme=light] .switch-toggle.switch-off{background:#e2e8f0}[data-theme=light] .switch-toggle.switch-on{background:#22c55e}[data-theme=light] .pms-mapping-item,[data-theme=light] .pms-guest-list{background:#fff;border-color:#e2e8f0}[data-theme=light] .pms-guest-controls{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .pms-tab{background:#fff;border-color:#e2e8f0;color:#64748b}[data-theme=light] .pms-tab:hover{background:#f1f5f9;color:#0f172a}[data-theme=light] .pms-tab.active{background:#22c55e;border-color:#22c55e;color:#fff}[data-theme=light] .pms-validation-form{background:#fff;border-color:#e2e8f0}[data-theme=light] .pms-validation-header{border-color:#e2e8f0}[data-theme=light] .pms-room-badge{background:#22c55e1f;color:#16a34a}.ai-dashboard{padding:16px 20px;min-height:calc(100vh - 60px);background:#0d1117}.ai-dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.ai-dashboard-title{font-size:20px;font-weight:600;color:#e6edf3;margin:0;display:flex;align-items:center;gap:10px}.ai-dashboard-title svg{color:#a855f7}.ai-dashboard-subtitle{font-size:13px;color:#8b949e;margin:4px 0 0}.ai-dashboard-actions{display:flex;gap:8px}.ai-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.ai-kpi-card{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:16px;transition:all .2s ease;position:relative;overflow:hidden}.ai-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.ai-kpi-card.critical:before{background:#f85149}.ai-kpi-card.high:before{background:#d29922}.ai-kpi-card.warning:before{background:#f0883e}.ai-kpi-card.healthy:before{background:#3fb950}.ai-kpi-card:hover{border-color:#3d444d;background:#1c2128;transform:translateY(-2px)}.ai-kpi-label{font-size:10px!important;font-weight:500!important;color:#fff!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin-bottom:4px!important;order:1!important}.ai-kpi-value{font-size:18px!important;font-weight:700!important;color:var(--text-primary)!important;line-height:1.2!important;order:2!important}.ai-kpi-value.critical{color:#f85149}.ai-kpi-value.high{color:#d29922}.ai-kpi-value.warning{color:#f0883e}.ai-kpi-value.healthy{color:#3fb950}.ai-kpi-trend{display:flex;align-items:center;gap:4px;margin-top:8px;font-size:11px;color:#8b949e}.ai-kpi-trend svg{width:14px;height:14px}.ai-kpi-trend.up{color:#f85149}.ai-kpi-trend.down{color:#3fb950}.ai-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid #30363d;padding-bottom:0}.ai-tab{padding:10px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:#8b949e;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;margin-bottom:-1px}.ai-tab:hover{color:#e6edf3}.ai-tab.active{color:#a855f7;border-bottom-color:#a855f7}.ai-tab svg{width:16px;height:16px}.ai-tab-badge{padding:2px 8px;background:#f85149;color:#fff;font-size:10px;font-weight:600;border-radius:10px}.ai-panel{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:20px}.ai-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ai-panel-title{font-size:14px;font-weight:600;color:#e6edf3}.ai-anomaly-list{display:flex;flex-direction:column;gap:12px}.ai-anomaly-item{background:#21262d;border:1px solid #30363d;border-radius:6px;padding:14px;display:flex;gap:12px;transition:all .2s ease}.ai-anomaly-item:hover{border-color:#3d444d;background:#2d333b}.ai-anomaly-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-anomaly-icon.critical{background:#f8514926;color:#f85149}.ai-anomaly-icon.high{background:#d2992226;color:#d29922}.ai-anomaly-icon.medium{background:#f0883e26;color:#f0883e}.ai-anomaly-icon.low{background:#3fb95026;color:#3fb950}.ai-anomaly-content{flex:1;min-width:0}.ai-anomaly-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.ai-anomaly-title{font-size:13px;font-weight:600;color:#e6edf3}.ai-anomaly-time{font-size:11px;color:#6b7280}.ai-anomaly-desc{font-size:12px;color:#8b949e;margin-bottom:8px}.ai-anomaly-meta{display:flex;gap:16px;font-size:11px;color:#6b7280}.ai-anomaly-meta span{display:flex;align-items:center;gap:4px}.ai-anomaly-actions{display:flex;gap:8px;flex-shrink:0;align-self:center}.ai-action-btn{padding:6px 12px;background:#21262d;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.ai-action-btn:hover{background:#30363d;border-color:#3d444d}.ai-action-btn.primary{background:#238636;border-color:#238636;color:#fff}.ai-action-btn.primary:hover{background:#2ea043;border-color:#2ea043}.ai-severity-badge{padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.ai-severity-badge.critical{background:#f8514926;color:#f85149}.ai-severity-badge.high{background:#d2992226;color:#d29922}.ai-severity-badge.medium{background:#f0883e26;color:#f0883e}.ai-severity-badge.low{background:#3fb95026;color:#3fb950}.ai-prediction-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.ai-prediction-card{background:#21262d;border:1px solid #30363d;border-radius:8px;padding:16px;transition:all .2s ease}.ai-prediction-card:hover{border-color:#3d444d;background:#2d333b}.ai-prediction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ai-prediction-device{font-size:13px;font-weight:600;color:#e6edf3}.ai-prediction-score{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.ai-prediction-score.good{background:#3fb95026;color:#3fb950}.ai-prediction-score.warning{background:#d2992226;color:#d29922}.ai-prediction-score.critical{background:#f8514926;color:#f85149}.ai-prediction-body{font-size:12px;color:#8b949e;margin-bottom:12px}.ai-prediction-risk{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#161b22;border-radius:6px;font-size:11px}.ai-prediction-risk-label{color:#6b7280}.ai-prediction-risk-value{font-weight:600}.ai-prediction-risk-value.high{color:#f85149}.ai-prediction-risk-value.medium{color:#d29922}.ai-prediction-risk-value.low{color:#3fb950}.ai-insights-list{display:flex;flex-direction:column;gap:12px}.ai-insight-item{background:#21262d;border:1px solid #30363d;border-left:3px solid #a855f7;border-radius:6px;padding:14px 16px}.ai-insight-title{font-size:13px;font-weight:600;color:#e6edf3;margin-bottom:6px}.ai-insight-desc{font-size:12px;color:#8b949e;line-height:1.5}.ai-insight-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #30363d}.ai-insight-category{font-size:10px;font-weight:500;color:#a855f7;text-transform:uppercase;letter-spacing:.3px}.ai-insight-confidence{font-size:11px;color:#6b7280}.ai-search-container{margin-bottom:20px}.ai-search-box{position:relative}.ai-search-input{width:100%;padding:14px 20px 14px 48px;background:#21262d;border:1px solid #30363d;border-radius:8px;color:#e6edf3;font-size:14px;transition:all .2s ease}.ai-search-input::placeholder{color:#6b7280}.ai-search-input:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px #a855f733}.ai-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280}.ai-search-icon svg{width:20px;height:20px}.ai-search-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ai-search-suggestion{padding:6px 14px;background:#21262d;border:1px solid #30363d;border-radius:16px;color:#8b949e;font-size:12px;cursor:pointer;transition:all .15s ease}.ai-search-suggestion:hover{background:#30363d;border-color:#a855f7;color:#e6edf3}.ai-search-results{margin-top:20px}.ai-search-result{background:#21262d;border:1px solid #30363d;border-radius:8px;padding:16px;margin-bottom:12px}.ai-search-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ai-search-result-title{font-size:14px;font-weight:600;color:#e6edf3}.ai-search-result-type{padding:3px 10px;background:#161b22;border-radius:4px;font-size:10px;font-weight:500;color:#8b949e;text-transform:uppercase}.ai-search-result-content{font-size:13px;color:#8b949e;line-height:1.5}.ai-chat-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #a855f766;z-index:10000;transition:all .3s ease}.ai-chat-fab:hover{transform:scale(1.1);box-shadow:0 6px 28px #a855f780}.ai-chat-fab-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:#a855f766;animation:ai-fab-pulse 2s ease-out infinite}@keyframes ai-fab-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.ai-chat-window{position:fixed;bottom:24px;right:24px;width:380px;height:520px;background:#161b22;border:1px solid #30363d;border-radius:12px;display:flex;flex-direction:column;box-shadow:0 8px 40px #0006;z-index:10001;overflow:hidden;transition:all .3s ease}.ai-chat-window.minimized{height:auto}.ai-chat-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff}.ai-chat-header-left{display:flex;align-items:center;gap:10px}.ai-chat-avatar{width:36px;height:36px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}.ai-chat-header-info{display:flex;flex-direction:column}.ai-chat-title{font-size:14px;font-weight:600}.ai-chat-status{display:flex;align-items:center;gap:4px;font-size:11px;opacity:.9}.ai-status-dot{width:6px;height:6px;border-radius:50%;background:#6b7280}.ai-status-dot.online{background:#3fb950}.ai-chat-header-actions{display:flex;gap:4px}.ai-chat-action-btn{width:28px;height:28px;border-radius:6px;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.ai-chat-action-btn:hover{background:#fff3}.ai-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.ai-chat-message{display:flex;gap:10px;max-width:85%}.ai-chat-message.user{margin-left:auto;flex-direction:row-reverse}.ai-message-avatar{width:28px;height:28px;background:#a855f733;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#a855f7;flex-shrink:0}.ai-message-content{padding:10px 14px;background:#21262d;border-radius:12px;font-size:13px;color:#e6edf3;line-height:1.5}.ai-message-content code{background:#30363d;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:12px}.ai-chat-message.user .ai-message-content{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff}.ai-message-time{font-size:10px;color:#6b7280;margin-top:4px;display:block}.ai-chat-message.user .ai-message-time{text-align:right}.ai-message-loading{display:flex;gap:4px;padding:12px 16px;background:#21262d;border-radius:12px}.ai-typing-dot{width:8px;height:8px;background:#6b7280;border-radius:50%;animation:ai-typing 1.4s ease-in-out infinite}.ai-typing-dot:nth-child(2){animation-delay:.2s}.ai-typing-dot:nth-child(3){animation-delay:.4s}@keyframes ai-typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}.ai-quick-actions{padding:12px;background:#21262d;border-radius:8px;margin-top:8px}.ai-quick-actions-label{font-size:11px;color:#6b7280;margin-bottom:8px}.ai-quick-actions-list{display:flex;flex-wrap:wrap;gap:6px}.ai-quick-action-btn{padding:6px 12px;background:#30363d;border:1px solid #3d444d;border-radius:16px;color:#c9d1d9;font-size:11px;cursor:pointer;transition:all .15s ease}.ai-quick-action-btn:hover{background:#3d444d;border-color:#a855f7;color:#e6edf3}.ai-chat-input-container{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #30363d;background:#161b22}.ai-chat-input{flex:1;padding:10px 14px;background:#21262d;border:1px solid #30363d;border-radius:8px;color:#e6edf3;font-size:13px;transition:all .2s ease}.ai-chat-input::placeholder{color:#6b7280}.ai-chat-input:focus{outline:none;border-color:#a855f7}.ai-chat-input:disabled{opacity:.5;cursor:not-allowed}.ai-chat-send-btn{width:40px;height:40px;background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ai-chat-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 2px 12px #a855f766}.ai-chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.ai-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.ai-empty-icon{width:64px;height:64px;background:#a855f71a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#a855f7;margin-bottom:16px}.ai-empty-title{font-size:16px;font-weight:600;color:#e6edf3;margin-bottom:8px}.ai-empty-desc{font-size:13px;color:#8b949e;max-width:280px}[data-theme=light] .ai-dashboard{background:#f8fafc}[data-theme=light] .ai-dashboard-title{color:#0f172a}[data-theme=light] .ai-dashboard-subtitle{color:#64748b}[data-theme=light] .ai-kpi-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .ai-kpi-card:hover{background:#f8fafc;border-color:#cbd5e1}[data-theme=light] .ai-kpi-label{color:#64748b!important}[data-theme=light] .ai-kpi-value{color:#0f172a!important}[data-theme=light] .ai-tab{color:#64748b}[data-theme=light] .ai-tab:hover{color:#0f172a}[data-theme=light] .ai-tabs{border-color:#e2e8f0}[data-theme=light] .ai-panel{background:#fff;border-color:#e2e8f0}[data-theme=light] .ai-panel-title{color:#0f172a}[data-theme=light] .ai-anomaly-item{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .ai-anomaly-item:hover{background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .ai-anomaly-title{color:#0f172a}[data-theme=light] .ai-anomaly-desc{color:#64748b}[data-theme=light] .ai-anomaly-meta,[data-theme=light] .ai-anomaly-time{color:#94a3b8}[data-theme=light] .ai-action-btn{background:#fff;border-color:#e2e8f0;color:#374151}[data-theme=light] .ai-action-btn:hover{background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .ai-prediction-card{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .ai-prediction-card:hover{background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .ai-prediction-device{color:#0f172a}[data-theme=light] .ai-prediction-body{color:#64748b}[data-theme=light] .ai-prediction-risk{background:#fff}[data-theme=light] .ai-prediction-risk-label{color:#94a3b8}[data-theme=light] .ai-insight-item{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .ai-insight-title{color:#0f172a}[data-theme=light] .ai-insight-desc{color:#64748b}[data-theme=light] .ai-insight-meta{border-color:#e2e8f0}[data-theme=light] .ai-insight-confidence{color:#94a3b8}[data-theme=light] .ai-search-input{background:#fff;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .ai-search-input::placeholder{color:#94a3b8}[data-theme=light] .ai-search-icon{color:#94a3b8}[data-theme=light] .ai-search-suggestion{background:#fff;border-color:#e2e8f0;color:#64748b}[data-theme=light] .ai-search-suggestion:hover{background:#f1f5f9;color:#0f172a}[data-theme=light] .ai-search-result{background:#fff;border-color:#e2e8f0}[data-theme=light] .ai-search-result-title{color:#0f172a}[data-theme=light] .ai-search-result-type{background:#f1f5f9;color:#64748b}[data-theme=light] .ai-search-result-content{color:#64748b}[data-theme=light] .ai-chat-window{background:#fff;border-color:#e2e8f0}[data-theme=light] .ai-chat-messages{background:#f8fafc}[data-theme=light] .ai-message-content{background:#f1f5f9;color:#0f172a}[data-theme=light] .ai-message-content code{background:#e2e8f0}[data-theme=light] .ai-message-time{color:#94a3b8}[data-theme=light] .ai-message-loading{background:#f1f5f9}[data-theme=light] .ai-typing-dot{background:#94a3b8}[data-theme=light] .ai-quick-actions{background:#f1f5f9}[data-theme=light] .ai-quick-actions-label{color:#64748b}[data-theme=light] .ai-quick-action-btn{background:#fff;border-color:#e2e8f0;color:#374151}[data-theme=light] .ai-quick-action-btn:hover{background:#f8fafc;color:#0f172a}[data-theme=light] .ai-chat-input-container{background:#fff;border-color:#e2e8f0}[data-theme=light] .ai-chat-input{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .ai-chat-input::placeholder{color:#94a3b8}[data-theme=light] .ai-empty-state{background:#fff}[data-theme=light] .ai-empty-title{color:#0f172a}[data-theme=light] .ai-empty-desc{color:#64748b}@media (max-width: 1200px){.ai-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.ai-kpi-row{grid-template-columns:1fr}.ai-chat-window{width:calc(100% - 32px);right:16px;bottom:16px;height:60vh}.ai-tabs{overflow-x:auto;flex-wrap:nowrap}.ai-tab{white-space:nowrap;flex-shrink:0}.ai-prediction-grid{grid-template-columns:1fr}}button,.btn,[class*=btn-],[class*=Button]{font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:15px;font-weight:500;padding:10px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;line-height:1.4;min-height:40px}.pro-btn-primary{background:linear-gradient(135deg,var(--wis-lime),var(--wis-lime-soft))!important;color:#000!important;border:none!important;font-weight:600!important;box-shadow:0 2px 8px var(--wis-lime-glow)!important}.pro-btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover),var(--wis-lime))!important;box-shadow:0 4px 12px var(--wis-lime-glow)!important;transform:translateY(-1px)}.pro-btn-primary:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important}.pro-btn-outline{background:transparent!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;font-weight:500!important}.pro-btn-outline:hover{background:var(--bg-card-light)!important;border-color:var(--border-light)!important}.pro-btn-ghost{background:transparent!important;border:none!important;color:var(--text-secondary)!important}.pro-btn-ghost:hover{background:var(--bg-card-light)!important;color:var(--text-primary)!important}.pro-btn-danger{background:var(--wis-red)!important;color:#fff!important;border:none!important}.pro-btn-danger:hover{background:#e63946!important;box-shadow:0 4px 12px #ff47574d!important}.pro-btn-sm,button.btn-sm,[class*=btn-sm]{padding:6px 12px!important;font-size:14px!important;min-height:32px!important}.pro-btn-lg,button.btn-lg,[class*=btn-lg]{padding:12px 24px!important;font-size:17px!important;min-height:48px!important}.pro-btn-icon,button:has(svg):not(:has(span)):not(:has(p)):not(:has(div)){padding:8px!important;min-width:40px!important;min-height:40px!important}input:not([type=checkbox]):not([type=radio]),textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:15px;padding:10px 14px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);transition:all .2s ease;min-height:40px}input:not([type=checkbox]):not([type=radio]):focus,textarea:focus{border-color:var(--wis-lime);box-shadow:0 0 0 3px var(--wis-lime-glow);outline:none}input:not([type=checkbox]):not([type=radio]):hover,textarea:hover{border-color:var(--border-light)}.grid{display:grid!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.items-center{align-items:center!important}.items-end{align-items:flex-end!important}.items-start{align-items:flex-start!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-end{justify-content:flex-end!important}.gap-1{gap:4px!important}.gap-2{gap:8px!important}.gap-3{gap:12px!important}.gap-4{gap:16px!important}.gap-6{gap:24px!important}.gap-8{gap:32px!important}.space-y-2>*+*{margin-top:8px!important}.space-y-4>*+*{margin-top:16px!important}.space-y-6>*+*{margin-top:24px!important}.space-x-2>*+*{margin-left:8px!important}.space-x-4>*+*{margin-left:16px!important}.p-2{padding:8px!important}.p-3{padding:12px!important}.p-4{padding:16px!important}.p-6{padding:24px!important}.px-2{padding-left:8px!important;padding-right:8px!important}.px-3{padding-left:12px!important;padding-right:12px!important}.px-4{padding-left:16px!important;padding-right:16px!important}.py-1{padding-top:4px!important;padding-bottom:4px!important}.py-2{padding-top:8px!important;padding-bottom:8px!important}.py-4{padding-top:16px!important;padding-bottom:16px!important}.pt-6{padding-top:24px!important}.m-0{margin:0!important}.mb-2{margin-bottom:8px!important}.mb-4{margin-bottom:16px!important}.mb-6{margin-bottom:24px!important}.mt-2{margin-top:8px!important}.mt-4{margin-top:16px!important}.ml-2{margin-left:8px!important}.ml-3{margin-left:12px!important}.mr-2{margin-right:8px!important}.w-full{width:100%!important}.w-auto{width:auto!important}.h-40{height:160px!important}.h-64{height:256px!important}.min-h-\[400px\]{min-height:400px!important}.rounded{border-radius:4px!important}.rounded-md{border-radius:6px!important}.rounded-lg{border-radius:8px!important}.rounded-xl{border-radius:12px!important}.rounded-full{border-radius:9999px!important}.text-gray-500,.text-gray-600{color:var(--text-secondary)!important}.text-gray-700,.text-gray-800,.text-gray-900{color:var(--text-primary)!important}.text-green-600,.text-green-700,.text-green-800{color:var(--wis-lime)!important}.text-red-600,.text-red-700,.text-red-800{color:var(--wis-red)!important}.text-blue-600,.text-blue-700,.text-blue-800{color:var(--wis-blue)!important}.bg-white{background:var(--bg-card)!important}.bg-gray-50{background:var(--bg-card-light)!important}.bg-gray-100{background:var(--bg-card-lighter)!important}.bg-green-50{background:#39ff141a!important}.bg-green-100{background:#39ff1426!important}.bg-red-50{background:#ff47571a!important}.bg-red-100{background:#ff475726!important}.bg-blue-50{background:#00a8ff1a!important}.bg-blue-100{background:#00a8ff26!important}.border{border:1px solid var(--border-color)!important}.border-gray-200{border-color:var(--border-color)!important}.border-gray-300{border-color:var(--border-light)!important}.border-green-200,.border-green-400{border-color:#39ff144d!important}.border-red-200,.border-red-400{border-color:#ff47574d!important}.border-blue-400{border-color:#00a8ff4d!important}.border-l-4{border-left-width:4px!important}.border-b-2{border-bottom-width:2px!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.text-xs{font-size:12px!important}.text-sm{font-size:14px!important}.text-lg{font-size:18px!important}.text-xl{font-size:20px!important}.text-2xl{font-size:24px!important}.text-6xl{font-size:60px!important}.text-center{text-align:center!important}.truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.shadow-sm{box-shadow:var(--shadow-card)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.animate-spin{animation:spin 1s linear infinite!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.transition-all{transition:all .2s ease!important}.transition-colors{transition:color .2s ease,background-color .2s ease!important}.duration-200{transition-duration:.2s!important}.overflow-hidden{overflow:hidden!important}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}.hover\:bg-gray-50:hover{background:var(--bg-card-light)!important}.hover\:bg-green-50:hover{background:#39ff140d!important}.hover\:text-green-700:hover{color:var(--wis-lime)!important}[data-theme=light] .text-gray-500,[data-theme=light] .text-gray-600{color:#6b7280!important}[data-theme=light] .text-gray-700,[data-theme=light] .text-gray-800,[data-theme=light] .text-gray-900{color:#0f172a!important}[data-theme=light] .text-green-600,[data-theme=light] .text-green-700,[data-theme=light] .text-green-800{color:#059669!important}[data-theme=light] .text-red-600,[data-theme=light] .text-red-700,[data-theme=light] .text-red-800{color:#dc2626!important}[data-theme=light] .text-blue-700,[data-theme=light] .text-blue-800{color:#0369a1!important}[data-theme=light] .bg-white{background:#fff!important}[data-theme=light] .bg-gray-50{background:#f8f9fb!important}[data-theme=light] .bg-gray-100{background:#f1f5f9!important}[data-theme=light] .bg-green-50{background:#05966914!important}[data-theme=light] .bg-green-100{background:#0596691f!important}[data-theme=light] .bg-red-50{background:#dc262614!important}[data-theme=light] .bg-red-100{background:#dc26261f!important}[data-theme=light] .bg-blue-50{background:#0369a114!important}[data-theme=light] .bg-blue-100{background:#0369a11f!important}[data-theme=light] .border-gray-200,[data-theme=light] .border-gray-300{border-color:#e2e8f0!important}[data-theme=light] .border-green-200,[data-theme=light] .border-green-400{border-color:#0596694d!important}[data-theme=light] .hover\:bg-gray-50:hover{background:#f8f9fb!important}[data-theme=light] .pro-btn-primary{background:linear-gradient(180deg,#0f172a,#1e293b)!important;color:#fff!important;box-shadow:0 4px 12px #0f172a33!important}[data-theme=light] .pro-btn-primary:hover{background:linear-gradient(180deg,#1e293b,#334155)!important;box-shadow:0 6px 16px #0f172a4d!important}[data-theme=light] input:not([type=checkbox]):not([type=radio]):focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus,[data-theme=light] .pro-device-select:focus{border-color:#059669!important;box-shadow:0 0 0 3px #0596691a!important}.ai-page{padding:24px;min-height:calc(100vh - 60px);font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.ai-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.ai-page-title-section{display:flex;align-items:center;gap:16px}.ai-page-icon{width:48px;height:48px;background:linear-gradient(135deg,#a855f7,#6366f1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.ai-page-title{font-size:24px;font-weight:700;color:var(--text-primary, #e6edf3);margin:0;letter-spacing:-.5px}.ai-page-subtitle{font-size:14px;color:var(--text-secondary, #8b949e);margin:4px 0 0}.ai-refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary, #39ff14);color:#000;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.ai-refresh-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--wis-lime-glow)}.ai-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.ai-kpi-card{background:var(--bg-card, #161b22);border:1px solid var(--border-color, #30363d);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.ai-kpi-card.critical{border-top:3px solid #f85149}.ai-kpi-card.warning{border-top:3px solid #d29922}.ai-kpi-card.danger{border-top:3px solid #f0883e}.ai-kpi-card.success{border-top:3px solid #3fb950}.ai-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.ai-kpi-icon{width:32px!important;height:32px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important}.ai-kpi-icon svg{width:18px!important;height:18px!important}.ai-kpi-icon.critical{background:#f8514926!important;color:#f85149!important}.ai-kpi-icon.warning{background:#d2992226!important;color:#d29922!important}.ai-kpi-icon.danger{background:#f0883e26!important;color:#f0883e!important}.ai-kpi-icon.success{background:#3fb95026!important;color:#3fb950!important}.ai-kpi-content{flex:1}.ai-kpi-value{font-size:18px!important;font-weight:700!important;color:var(--text-primary, #e6edf3)!important;line-height:1}.ai-kpi-label{font-size:10px!important;color:#fff!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin-top:0!important;margin-bottom:4px!important;font-weight:500!important;white-space:nowrap!important}.ai-tabs-container{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--border-color, #30363d);padding-bottom:0;flex-wrap:wrap;overflow-x:auto}.ai-tab-btn{padding:12px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary, #8b949e);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;margin-bottom:-1px;white-space:nowrap}.ai-tab-btn:hover{color:var(--text-primary, #e6edf3)}.ai-tab-btn.active{color:#a855f7;border-bottom-color:#a855f7}.ai-tab-badge{padding:2px 8px;background:#f85149;color:#fff;font-size:11px;font-weight:600;border-radius:10px}.ai-content-panel{background:var(--bg-card, #161b22);border:1px solid var(--border-color, #30363d);border-radius:12px;padding:24px;min-height:400px}.ai-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;color:var(--text-secondary, #8b949e)}.ai-spinner{width:40px;height:40px;border:3px solid var(--border-color, #30363d);border-top-color:#a855f7;border-radius:50%;animation:ai-spin 1s linear infinite}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary, #8b949e);text-align:center;grid-column:1 / -1}.ai-empty-state svg{opacity:.5;margin-bottom:16px}.ai-empty-state h3{font-size:18px;font-weight:600;color:var(--text-primary, #e6edf3);margin:0 0 8px}.ai-empty-state p{margin:0;font-size:14px}.ai-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.ai-card{background:var(--bg-card-light, #21262d);border:1px solid var(--border-color, #30363d);border-radius:10px;padding:16px;transition:all .2s ease}.ai-card:hover{border-color:var(--border-light, #3d444d)}.ai-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ai-card-icon{font-size:20px}.ai-card-title{font-size:15px;font-weight:600;color:var(--text-primary, #e6edf3);margin:0 0 8px}.ai-card-desc{font-size:13px;color:var(--text-secondary, #8b949e);margin:0;line-height:1.5}.ai-card-device{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary, #8b949e);margin-top:12px}.ai-card-metric{margin-top:12px;padding:10px;background:var(--bg-input, #0d1117);border-radius:6px;font-size:12px;display:flex;justify-content:space-between;color:var(--text-primary, #e6edf3)}.ai-metric-threshold{color:var(--text-muted, #6b7280)}.ai-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;border-top:1px solid var(--border-color, #30363d)}.ai-card-time{font-size:12px;color:var(--text-muted, #6b7280)}.ai-action-btn{padding:6px 14px;background:#a855f7;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.ai-action-btn:hover{background:#9333ea}.ai-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase}.ai-badge.critical,.ai-badge.high{background:#f8514933;color:#f85149}.ai-badge.medium{background:#d2992233;color:#d29922}.ai-badge.low{background:#3fb95033;color:#3fb950}.ai-device-info{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary, #e6edf3)}.ai-confidence{margin-top:16px}.ai-confidence-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px;color:var(--text-secondary, #8b949e)}.ai-confidence-value{font-weight:600;color:var(--text-primary, #e6edf3)}.ai-progress-bar{height:6px;background:var(--bg-input, #0d1117);border-radius:3px;overflow:hidden}.ai-progress-fill{height:100%;background:linear-gradient(90deg,#a855f7,#6366f1);border-radius:3px;transition:width .3s ease}.ai-warning-box{margin-top:16px;padding:10px;background:#f851491a;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:13px;color:#f85149}.ai-factors{margin-top:16px}.ai-factors h5{font-size:13px;font-weight:600;color:var(--text-primary, #e6edf3);margin:0 0 10px}.ai-factor-row{margin-bottom:10px}.ai-factor-header{display:flex;justify-content:space-between;margin-bottom:4px;font-size:12px;color:var(--text-secondary, #8b949e)}.ai-factor-value.positive{color:#3fb950}.ai-factor-value.negative{color:#f85149}.ai-factor-value.neutral{color:var(--text-muted, #6b7280)}.ai-factor-bar{height:4px;background:var(--bg-input, #0d1117);border-radius:2px;overflow:hidden}.ai-factor-fill{height:100%;border-radius:2px;transition:width .3s ease}.ai-factor-fill.positive{background:#3fb950}.ai-factor-fill.negative{background:#f85149}.ai-factor-fill.neutral{background:#8b949e}.ai-recommendations{margin-top:16px;padding-top:12px;border-top:1px solid var(--border-color, #30363d)}.ai-recommendations h5{font-size:13px;font-weight:600;color:var(--text-primary, #e6edf3);margin:0 0 8px}.ai-recommendations ul{margin:0;padding-left:16px;font-size:12px;color:var(--text-secondary, #8b949e)}.ai-recommendations li{margin-bottom:4px}.ai-impact{font-size:11px;font-weight:600}.ai-impact.high{color:#f85149}.ai-impact.medium{color:#d29922}.ai-impact.low{color:#3fb950}.ai-action-box{margin-top:12px;padding:10px;background:#a855f71a;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:13px;color:#a855f7}.ai-qos-section{padding:0}.ai-qos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ai-qos-header h2{font-size:18px;font-weight:600;color:var(--text-primary, #e6edf3);margin:0}.ai-add-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary, #39ff14);color:#000;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.ai-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--wis-lime-glow)}.ai-qos-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:24px}.ai-qos-stat{background:var(--bg-card-light, #21262d);border-radius:8px;padding:16px;text-align:center}.ai-qos-stat-value{font-size:28px;font-weight:700;color:var(--primary, #39ff14)}.ai-qos-stat-value.success{color:#3fb950}.ai-qos-stat-value.warning{color:#d29922}.ai-qos-stat-value.danger{color:#f85149}.ai-qos-stat-label{font-size:12px;color:var(--text-secondary, #8b949e);margin-top:4px}.ai-qos-form{background:var(--bg-card-light, #21262d);border-radius:10px;padding:20px;margin-bottom:20px}.ai-qos-form h3{font-size:16px;font-weight:600;color:var(--text-primary, #e6edf3);margin:0 0 16px}.ai-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.ai-form-group{display:flex;flex-direction:column;gap:6px}.ai-form-group label{font-size:12px;font-weight:500;color:var(--text-secondary, #8b949e)}.ai-form-group input,.ai-form-group select{padding:10px 14px;background:var(--bg-input, #0d1117);border:1px solid var(--border-color, #30363d);border-radius:6px;color:var(--text-primary, #e6edf3);font-size:14px}.ai-form-group input:focus,.ai-form-group select:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a}.ai-form-actions{display:flex;gap:12px;justify-content:flex-end}.ai-cancel-btn{padding:10px 20px;background:transparent;border:1px solid var(--border-color, #30363d);border-radius:6px;color:var(--text-secondary, #8b949e);font-size:14px;cursor:pointer;transition:all .2s ease}.ai-cancel-btn:hover{border-color:var(--text-secondary, #8b949e);color:var(--text-primary, #e6edf3)}.ai-submit-btn{padding:10px 20px;background:var(--primary, #39ff14);border:none;border-radius:6px;color:#000;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.ai-submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--wis-lime-glow)}.ai-table-container{overflow-x:auto}.ai-table{width:100%;border-collapse:collapse}.ai-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:var(--text-secondary, #8b949e);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color, #30363d);white-space:nowrap}.ai-table td{padding:14px 16px;font-size:14px;color:var(--text-primary, #e6edf3);border-bottom:1px solid var(--border-color, #30363d)}.ai-table tr:hover td{background:var(--bg-card-hover, rgba(57, 255, 20, .03))}.ai-table-name{font-weight:500}.ai-table-type{text-transform:capitalize}.ai-table-bandwidth{font-family:SF Mono,Consolas,monospace}.ai-table-empty{text-align:center;padding:40px!important;color:var(--text-muted, #6b7280)}.ai-table-actions{white-space:nowrap}.ai-table-btn{padding:6px 12px;background:transparent;border:1px solid var(--border-color, #30363d);border-radius:6px;color:var(--text-secondary, #8b949e);font-size:12px;cursor:pointer;margin-right:8px;transition:all .2s ease}.ai-table-btn:hover{border-color:var(--text-secondary, #8b949e);color:var(--text-primary, #e6edf3)}.ai-table-btn.danger{color:#f85149;border-color:#f851494d}.ai-table-btn.danger:hover{background:#f851491a;border-color:#f85149}.ai-status-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600}.ai-status-badge.active{background:#3fb95033;color:#3fb950}.ai-status-badge.inactive{background:#8b949e33;color:#8b949e}.ai-search-section{padding:0}.ai-search-box{display:flex;align-items:center;gap:12px;background:var(--bg-input, #0d1117);border:1px solid var(--border-color, #30363d);border-radius:10px;padding:12px 16px;margin-bottom:16px}.ai-search-box svg{color:var(--text-muted, #6b7280);flex-shrink:0}.ai-search-box input{flex:1;background:transparent;border:none;color:var(--text-primary, #e6edf3);font-size:14px;outline:none}.ai-search-box input::placeholder{color:var(--text-muted, #6b7280)}.ai-search-btn{padding:8px 20px;background:#a855f7;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.ai-search-btn:hover{background:#9333ea}.ai-search-btn:disabled{opacity:.5;cursor:not-allowed}.ai-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;align-items:center}.ai-suggestions>span{font-size:13px;color:var(--text-muted, #6b7280);margin-right:4px}.ai-suggestion-chip{padding:6px 14px;background:var(--bg-card-light, #21262d);border:1px solid var(--border-color, #30363d);border-radius:20px;font-size:12px;color:var(--text-secondary, #8b949e);cursor:pointer;transition:all .2s ease}.ai-suggestion-chip:hover{border-color:#a855f7;color:#a855f7}.ai-results-title{font-size:16px;font-weight:600;color:var(--text-primary, #e6edf3);margin:0 0 16px}.ai-results-list{display:flex;flex-direction:column;gap:12px}.ai-result-item{background:var(--bg-card-light, #21262d);border:1px solid var(--border-color, #30363d);border-radius:8px;padding:16px;display:flex;align-items:center;gap:16px}.ai-result-type{padding:4px 10px;background:#a855f733;color:#a855f7;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;min-width:80px;text-align:center}.ai-result-content{flex:1}.ai-result-content h4{font-size:15px;font-weight:600;color:var(--text-primary, #e6edf3);margin:0 0 4px}.ai-result-content p{font-size:13px;color:var(--text-secondary, #8b949e);margin:0}.ai-result-match{font-size:13px;color:#a855f7;font-weight:600;white-space:nowrap}[data-theme=light] .ai-page-title{color:#0f172a}[data-theme=light] .ai-page-subtitle{color:#64748b}[data-theme=light] .ai-refresh-btn,[data-theme=light] .ai-add-btn,[data-theme=light] .ai-submit-btn{background:linear-gradient(180deg,#0f172a,#1e293b);color:#fff}[data-theme=light] .ai-kpi-card,[data-theme=light] .ai-content-panel,[data-theme=light] .ai-card,[data-theme=light] .ai-qos-form,[data-theme=light] .ai-qos-stat,[data-theme=light] .ai-result-item{background:#fff;border-color:#00000014}[data-theme=light] .ai-kpi-value,[data-theme=light] .ai-card-title,[data-theme=light] .ai-qos-header h2,[data-theme=light] .ai-qos-form h3,[data-theme=light] .ai-results-title,[data-theme=light] .ai-result-content h4{color:#0f172a}[data-theme=light] .ai-kpi-label,[data-theme=light] .ai-card-desc,[data-theme=light] .ai-tab-btn,[data-theme=light] .ai-qos-stat-label,[data-theme=light] .ai-result-content p{color:#64748b}[data-theme=light] .ai-tab-btn.active{color:#7c3aed;border-bottom-color:#7c3aed}[data-theme=light] .ai-table th{color:#64748b}[data-theme=light] .ai-table td{color:#0f172a;border-color:#0000000f}[data-theme=light] .ai-search-box{background:#fff;border-color:#0000001a}[data-theme=light] .ai-search-box input{color:#0f172a}[data-theme=light] .ai-form-group input,[data-theme=light] .ai-form-group select{background-color:#fff;border-color:#0000001a;color:#0f172a}@media (max-width: 768px){.ai-page{padding:16px}.ai-page-header{flex-direction:column;align-items:flex-start}.ai-kpi-grid{grid-template-columns:repeat(2,1fr)}.ai-tabs-container{flex-wrap:nowrap;overflow-x:auto}.ai-grid{grid-template-columns:1fr}.ai-qos-stats{grid-template-columns:repeat(2,1fr)}.ai-form-grid{grid-template-columns:1fr}.ai-result-item{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width: 480px){.ai-kpi-grid,.ai-qos-stats{grid-template-columns:1fr}}.ai-investigate-modal{min-width:450px;max-width:600px}.ai-investigate-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:16px}.ai-investigate-loading p{color:var(--text-secondary, #8b949e);font-size:14px;margin:0}.ai-investigate-content{padding:8px 0}.ai-investigate-summary{background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:8px;padding:16px;margin-bottom:20px}.ai-investigate-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.ai-investigate-row:last-child{margin-bottom:0}.ai-investigate-label{font-size:13px;color:var(--text-secondary, #8b949e);min-width:80px}.ai-investigate-value{font-weight:600;color:#f97316}.ai-investigate-threshold{font-size:12px;color:var(--text-muted, #6b7280);margin-left:4px}.ai-investigate-report{background:var(--bg-elevated, #161b22);border:1px solid var(--border-color, #30363d);border-radius:8px;padding:16px;margin-bottom:20px}.ai-investigate-report h4{font-size:14px;font-weight:600;color:var(--text-primary, #e6edf3);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #30363d)}.ai-investigate-report-content{font-size:13px;line-height:1.6;color:var(--text-secondary, #c9d1d9)}.ai-report-heading{font-size:14px;font-weight:600;color:var(--text-primary, #e6edf3);margin:16px 0 8px}.ai-report-heading:first-child{margin-top:0}.ai-report-label{font-size:13px;color:#a855f7;margin:8px 0 4px}.ai-report-item{margin:4px 0 4px 8px;padding-left:12px;border-left:2px solid rgba(139,92,246,.3);color:var(--text-secondary, #c9d1d9)}.ai-investigate-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid var(--border-color, #30363d)}.ai-btn-secondary{padding:10px 20px;background:transparent;border:1px solid var(--border-color, #30363d);border-radius:8px;color:var(--text-primary, #c9d1d9);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.ai-btn-secondary:hover{background:var(--bg-hover, #21262d);border-color:var(--border-hover, #3d444d)}.ai-btn-primary{padding:10px 20px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.ai-btn-primary:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px)}[data-theme=light] .ai-investigate-summary{background:#8b5cf60d}[data-theme=light] .ai-investigate-report{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .ai-investigate-report h4{color:#0f172a;border-color:#e2e8f0}[data-theme=light] .ai-investigate-report-content,[data-theme=light] .ai-report-item{color:#475569}[data-theme=light] .ai-report-heading{color:#0f172a}[data-theme=light] .ai-btn-secondary{background:#fff;border-color:#e2e8f0;color:#374151}[data-theme=light] .ai-btn-secondary:hover{background:#f1f5f9}@media (max-width: 600px){.ai-investigate-modal{min-width:auto;width:100%}.ai-investigate-actions{flex-direction:column}.ai-investigate-actions button{width:100%}}.ap-info-cards-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px}.ap-info-card{background:#1a1f26;border-radius:8px;border:1px solid #30363d;padding:16px 20px;min-height:160px}.ap-info-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #30363d}.ap-info-card-dot{width:8px;height:8px;border-radius:50%;background:#22c55e}.ap-info-card-dot.offline{background:#ef4444}.ap-info-card-title{font-size:14px;font-weight:600;color:#e6edf3;margin:0}.ap-info-card-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#22c55e;background:#22c55e26;padding:6px 12px;border-radius:6px;margin-bottom:12px;border:1px solid rgba(34,197,94,.3)}.ap-info-card-badge svg{width:14px;height:14px}.ap-info-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0}.ap-info-label{font-size:13px;color:#8b949e}.ap-info-value{font-size:13px;font-weight:500;color:#e6edf3;text-align:right;word-break:break-all;max-width:200px}.ap-wifi-tabs{display:flex;gap:0;margin-bottom:12px;border-bottom:1px solid #30363d}.ap-wifi-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;font-size:13px;font-weight:500;color:#8b949e;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;margin-bottom:-1px}.ap-wifi-tab:hover{color:#e6edf3}.ap-wifi-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.ap-wifi-tab-dot{width:6px;height:6px;border-radius:50%}.ap-wifi-tab-dot.blue{background:#3b82f6}.ap-wifi-tab-dot.green{background:#22c55e}.ap-wifi-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;padding-top:8px}.ap-wifi-info-item{display:flex;justify-content:space-between;align-items:center}.ap-wifi-info-label{font-size:12px;color:#8b949e}.ap-wifi-info-value{font-size:12px;font-weight:500;color:#e6edf3}.ap-wifi-info-value.status-on{color:#22c55e;background:#22c55e26;padding:2px 8px;border-radius:4px}.ap-wifi-info-value.status-off{color:#ef4444;background:#ef444426;padding:2px 8px;border-radius:4px}@media (max-width: 1024px){.ap-info-cards-row{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.ap-info-cards-row{grid-template-columns:1fr}}.pro-info-grid{display:flex;flex-direction:column;gap:8px}.pro-info-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #30363d}.pro-info-item:last-child{border-bottom:none}.pro-info-label{font-size:13px;color:#8b949e}.pro-info-value{font-size:13px;font-weight:500;color:#e6edf3;text-align:right}.pro-progress{display:flex;align-items:center;gap:8px;flex:1;max-width:150px}.pro-progress-bar{height:6px;background:#3b82f6;border-radius:3px;transition:width .3s ease}.pro-progress-text{font-size:12px;font-weight:600;color:#e6edf3;min-width:35px;text-align:right}.device-info-card-ref{background:linear-gradient(135deg,#1a1f26,#0d1117);border-radius:6px;box-shadow:0 2px 8px #0003;border:1px solid #30363d;padding:12px 16px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.device-info-header-ref{min-width:100px}.device-info-status-ref{display:flex;align-items:center;gap:6px;margin-bottom:2px}.status-dot-ref{width:6px;height:6px;border-radius:50%}.status-dot-ref.online{background-color:#22c55e;box-shadow:0 0 6px #22c55e99}.status-dot-ref.offline{background-color:#ef4444;box-shadow:0 0 6px #ef444499}.device-info-label-ref{font-size:11px;font-weight:600;color:#e6edf3}.device-info-uptime-ref{font-size:10px;color:#6b7280;margin:0}.device-info-topology-ref{display:flex;align-items:center;gap:8px}.topology-image-ref{width:100px;height:auto;object-fit:contain}.ap-mode-badge-ref{display:inline-flex;align-items:center;gap:4px;font-size:9px;color:#f97316;background-color:#f973161a;padding:3px 6px;border-radius:4px;white-space:nowrap}.ap-mode-dot-ref{width:5px;height:5px;background-color:#f97316;border-radius:50%}.device-info-gauges-ref{display:flex;gap:16px;margin-left:auto}.gauge-container-ref{text-align:center}.gauge-wrapper-ref{position:relative;display:inline-flex;align-items:center;justify-content:center}.gauge-svg-ref{width:44px;height:44px;transform:rotate(-90deg)}.gauge-svg-ref circle:first-child{stroke:#30363d}.gauge-progress-ref{transition:stroke-dashoffset 1s ease-in-out}.gauge-value-ref{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.gauge-value-ref span{font-size:10px;font-weight:600;color:#e6edf3}.gauge-label-ref{font-size:9px;color:#8b949e;margin-top:2px;margin-bottom:0}.device-info-footer-ref{display:none}@media (max-width: 768px){.device-info-card-ref{padding:10px 12px;gap:12px}.topology-image-ref{width:80px}.gauge-svg-ref{width:36px;height:36px}.device-info-gauges-ref{gap:10px}}.pro-btn-success{background:#22c55e;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.pro-btn-success:hover{background:#16a34a}.pro-btn-success:disabled{opacity:.5;cursor:not-allowed}.ap-overview-cards{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:16px!important;margin-bottom:20px!important}.ap-overview-card{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;padding:14px 16px 14px 60px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:2px!important;min-height:80px!important;position:relative!important}.ap-overview-content{display:flex!important;flex-direction:column!important;width:100%!important}.ap-overview-label{font-size:10px!important;font-weight:500!important;color:#fff!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin:0 0 4px!important;order:1!important}.ap-overview-value{font-size:18px!important;font-weight:700!important;color:var(--text-primary)!important;margin:0!important;order:2!important}.ap-overview-sub{font-size:12px!important;color:var(--text-secondary)!important;margin:4px 0 0!important;order:3!important}.ap-overview-icon{width:32px!important;height:32px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;position:absolute!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important}.ap-overview-icon.success{background:#22c55e26!important;color:#22c55e!important}.ap-overview-icon.danger{background:#ef444426!important;color:#ef4444!important}.ap-overview-icon.primary{background:#3b82f626!important;color:#3b82f6!important}.ap-overview-icon.warning{background:#f9731626!important;color:#f97316!important}.ap-overview-icon.purple{background:#a855f726!important;color:#a855f7!important}.ap-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ap-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0006}.ap-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-card)}.ap-modal-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--text-primary)}.ap-modal-title svg{color:#3b82f6}.ap-modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.ap-modal-close:hover{background:var(--border-color);color:var(--text-primary)}.ap-modal-tabs{display:flex;border-bottom:1px solid var(--border-color);padding:0 24px}.ap-modal-tab{background:transparent;border:none;padding:16px 24px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;display:flex;align-items:center;gap:8px;transition:all .2s ease}.ap-modal-tab:hover{color:var(--text-primary)}.ap-modal-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.ap-modal-tab-dot{width:8px;height:8px;border-radius:50%}.ap-modal-tab-dot.blue{background:#3b82f6}.ap-modal-tab-dot.green{background:#22c55e}.ap-modal-content{padding:24px}.ap-config-form{display:flex;flex-direction:column;gap:16px}.ap-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ap-form-group{display:flex;flex-direction:column;gap:8px}.ap-form-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.ap-form-group input,.ap-form-group select{padding:10px 12px;background:var(--bg-body);border:1px solid var(--border-color);border-radius:6px;font-size:14px;color:var(--text-primary);outline:none;transition:all .2s ease}.ap-form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b949e' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}[data-theme=light] .ap-form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.ap-form-group input:focus,.ap-form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.ap-form-group input::placeholder{color:var(--text-secondary)}.ap-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color)}.ap-btn{padding:12px 20px;border-radius:6px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;border:none}.ap-btn-primary{background:#22c55e;color:#fff}.ap-btn-primary:hover{background:#16a34a}.ap-btn-primary:disabled{opacity:.6;cursor:not-allowed}.ap-btn-secondary{background:var(--border-color);color:var(--text-primary)}.ap-btn-secondary:hover{opacity:.85}.ap-wave-chart{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--border-color);background:var(--bg-card);height:320px}.ap-wave-chart-inner{position:relative;width:100%;height:100%}.ap-wave-svg-container{position:absolute;inset:0}.ap-wave-svg-container svg{width:100%;height:100%}.ap-wave-chart-header{position:relative;z-index:10;padding:20px 24px}.ap-wave-pulse-dot{width:8px;height:8px;border-radius:50%;background:#22d3ee;display:inline-block;animation:ap-pulse 2s infinite}@keyframes ap-pulse{0%,to{opacity:1}50%{opacity:.4}}.ap-wave-chart-footer{position:absolute;bottom:16px;right:24px;font-size:11px;color:var(--text-secondary);z-index:10}.ap-vap-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.ap-vap-section-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 14px}.ap-vap-tabs{display:flex;gap:8px;margin-bottom:16px}.ap-vap-tab{padding:6px 16px;border-radius:20px;font-size:13px;font-weight:500;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.ap-vap-tab:hover{border-color:#22c55e;color:var(--text-primary)}.ap-vap-tab.active{background:#22c55e;border-color:#22c55e;color:#fff}.ap-vap-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none;font-size:13px;color:var(--text-secondary)}.ap-vap-switch{width:40px;height:22px;border-radius:11px;background:var(--border-color);position:relative;transition:background .2s ease}.ap-vap-switch.active{background:#22c55e}.ap-vap-switch-knob{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.ap-vap-switch.active .ap-vap-switch-knob{transform:translate(18px)}[data-theme=light] .ap-vap-section{border-top-color:#e5e7eb}[data-theme=light] .ap-vap-tab{border-color:#d1d5db;color:#6b7280}[data-theme=light] .ap-vap-tab:hover{color:#374151}[data-theme=light] .ap-vap-toggle{color:#6b7280}[data-theme=light] .ap-vap-switch{background:#d1d5db}@media (max-width: 1024px){.ap-overview-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.ap-overview-cards,.ap-form-row{grid-template-columns:1fr}.ap-modal-tabs{padding:0 16px}.ap-modal-tab{padding:12px 16px;font-size:13px}}[data-theme=light] .grid.grid-cols-1{display:grid!important;gap:16px!important}[data-theme=light] .grid.grid-cols-1.md\:grid-cols-3{margin-bottom:16px!important}[data-theme=light] .grid.grid-cols-1 .pro-card{background:#fff!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 16px #0000000f!important;overflow:visible!important}[data-theme=light] .grid.grid-cols-1 .pro-card .text-sm.font-medium{font-size:13px!important;color:#6b7280!important;font-weight:500!important}[data-theme=light] .grid.grid-cols-1 .pro-card .text-2xl.font-bold{font-size:28px!important;font-weight:600!important;color:#0f172a!important}[data-theme=light] .rounded-lg.border.overflow-x-auto{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;overflow:hidden!important}[data-theme=light] .logs-table tr.bg-white,[data-theme=light] .logs-table tr[class*=bg-white]{background:#fff!important}[data-theme=light] .logs-table tr.bg-gray-50,[data-theme=light] .logs-table tr[class*=bg-gray-50]{background:#f8f9fb!important}[data-theme=light] .logs-table thead tr.bg-gray-50,[data-theme=light] .logs-table thead tr[class*=bg-gray-50]{background:#f1f5f9!important}[data-theme=light] .logs-table thead th{background:transparent!important;color:#475569!important;font-weight:600!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.05em!important;padding:14px 16px!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .inline-flex.items-center.gap-1.px-2.py-1.rounded-full.text-xs.font-medium.bg-green-100.text-green-800{background:#22c55e1f!important;color:#15803d!important}[data-theme=light] .inline-flex.items-center.gap-1.px-2.py-1.rounded-full.text-xs.font-medium.bg-red-100.text-red-800{background:#dc26261f!important;color:#b91c1c!important}[data-theme=light] .px-2.py-1.bg-blue-100.text-blue-800{background:#3b82f61f!important;color:#1d4ed8!important}[data-theme=light] .actions-dropdown{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 40px #0000001f!important}[data-theme=light] .actions-dropdown .action-item{color:#0f172a!important}[data-theme=light] .actions-dropdown .action-item:hover{background:#f8f9fb!important}[data-theme=light] .actions-dropdown .action-item.action-danger{color:#dc2626!important}[data-theme=light] .actions-dropdown .action-item.action-danger:hover{background:#dc262614!important}[data-theme=light] button.bg-green-600{background:#22c55e!important}[data-theme=light] button.bg-gray-200{background:#e2e8f0!important}[data-theme=light] .mb-4.p-3.bg-gray-50.rounded{background:#f8f9fb!important;border:1px solid #e2e8f0!important;border-radius:8px!important}[data-theme=light] .mb-4.p-3.bg-gray-50.rounded p.text-sm.text-gray-600{color:#475569!important}[data-theme=light] .bg-blue-50.p-4.rounded-lg{background:#3b82f614!important;border:1px solid rgba(59,130,246,.15)!important}[data-theme=light] .bg-blue-50 h3.font-medium.text-blue-800{color:#1e40af!important}[data-theme=light] .bg-blue-50 p.text-blue-700{color:#1d4ed8!important}[data-theme=light] .bg-red-50.p-4.rounded-lg{background:#dc262614!important;border:1px solid rgba(220,38,38,.15)!important}[data-theme=light] .bg-red-50 h3.font-medium.text-red-800{color:#991b1b!important}[data-theme=light] .bg-red-50 p.text-red-700{color:#b91c1c!important}[data-theme=light] .font-mono.text-sm{color:#0f172a!important}[data-theme=light] .text-gray-400.text-xs,[data-theme=light] .text-gray-400.text-sm{color:#9ca3af!important}[data-theme=light] .capitalize{color:#0f172a!important}[data-theme=light] th.cursor-pointer.hover\:bg-gray-100:hover{background:#f1f5f9!important}[data-theme=light] .app-auth-page{background:#f6f7f9!important}[data-theme=light] .pro-card[style*="margin-bottom: 16px"]{background:#fff!important;border:none!important;box-shadow:0 4px 16px #0000000f!important}[data-theme=light] div[style*="border: 1px solid var(--border-color)"][style*="border-radius: 8px"][style*="background: var(--bg-body)"]{background:#f8f9fb!important;border:1px solid #e2e8f0!important}[data-theme=light] div[style*="background: var(--bg-card)"][style*="border-radius: 8px"][style*="border: 1px solid var(--border-color)"]{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 8px #0000000a!important}[data-theme=light] .app-auth-tab{background:transparent!important;color:#6b7280!important;border:none!important;padding:10px 16px!important;font-size:13px!important;font-weight:500!important;border-radius:6px!important;transition:all .2s ease!important}[data-theme=light] .app-auth-tab:hover{background:#f1f5f9!important;color:#0f172a!important}[data-theme=light] .app-auth-tab.app-auth-tab-active,[data-theme=light] .app-auth-tab-active{background:linear-gradient(180deg,#22c55e,#16a34a)!important;color:#fff!important;box-shadow:0 2px 8px #22c55e4d!important}[data-theme=light] input[style*="background: var(--bg-body)"][style*="border: 1px solid var(--border-color)"]{background:#fff!important;border:1px solid #e2e8f0!important;color:#0f172a!important}[data-theme=light] input[style*="background: var(--bg-body)"]:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e1a!important}[data-theme=light] h3[style*="color: var(--text-primary)"]{color:#0f172a!important}[data-theme=light] .pro-datatable-container{background:#fff!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 16px #0000000f!important;overflow:hidden!important;max-width:100%!important}[data-theme=light] .pro-datatable-container .pro-table-wrapper{overflow:hidden!important;border-radius:12px!important;width:100%!important}[data-theme=light] .pro-datatable-container .pro-data-table{width:100%!important;table-layout:fixed!important}[data-theme=light] p[style*="color: var(--text-secondary)"],[data-theme=light] h3[style*="color: var(--text-secondary)"],[data-theme=light] p.text-xs.text-gray-500{color:#6b7280!important}[data-theme=light] button[style*="background: linear-gradient(135deg, #dc2626, #ef4444)"]{background:linear-gradient(135deg,#dc2626,#ef4444)!important;box-shadow:0 2px 8px #dc26264d!important}[data-theme=light] span[style*="color: var(--wis-lime)"]{color:#059669!important;font-weight:600!important}[data-theme=light] span[style*="background: rgba(57, 255, 20, 0.15)"][style*="color: var(--wis-lime)"]{background:#22c55e1f!important;color:#15803d!important}[data-theme=light] .app-auth-device-dropdown{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 40px #00000026!important}[data-theme=light] div.loading-spinner[style*="border: 3px solid var(--border-color)"][style*="border-top-color: var(--wis-lime)"]{border-color:#e2e8f0!important;border-top-color:#22c55e!important}[data-theme=light] .pro-modal-content p,[data-theme=light] .pro-modal-content span{color:#0f172a!important}[data-theme=light] .pro-modal-content p.text-gray-500,[data-theme=light] .pro-modal-content p.text-gray-600{color:#6b7280!important}[data-theme=light] .overflow-x-auto{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}[data-theme=light] .overflow-x-auto::-webkit-scrollbar{height:8px}[data-theme=light] .overflow-x-auto::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}[data-theme=light] .overflow-x-auto::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}[data-theme=light] .overflow-x-auto::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=light] .pro-card>div[style*="padding: 16px"]{padding:20px!important}[data-theme=light] span[style*="font-weight: 500"][style*="color: var(--text-primary)"]{color:#0f172a!important}[data-theme=light] svg[stroke="var(--wis-lime)"]{stroke:#22c55e!important}[data-theme=light] svg[stroke="var(--text-secondary)"]{stroke:#6b7280!important}[data-theme=light] button.pro-btn:hover{transform:translateY(-1px)!important}[data-theme=light] td.h-24.text-center.text-gray-500{color:#6b7280!important;background:#fff!important}[data-theme=light] .font-mono{color:#0f172a!important}[data-theme=light] .border-2.border-dashed.border-gray-300{border-color:#d1d5db!important;background:#f8f9fb!important}[data-theme=light] .border-2.border-dashed.border-gray-300:hover{border-color:#22c55e!important;background:#22c55e0a!important}.pro-card .pro-datatable-container{max-width:100%!important;width:100%!important;overflow:hidden!important}.pro-card .pro-datatable-container .pro-table-wrapper{overflow:hidden!important;width:100%!important}.pro-card .pro-datatable-container .pro-data-table{width:100%!important;min-width:unset!important;table-layout:fixed!important}.pro-card .pro-datatable-container .pro-table-th{padding:10px 6px!important;font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.pro-card .pro-datatable-container .pro-table-td{padding:10px 6px!important;font-size:12px!important;overflow:hidden!important;text-overflow:ellipsis!important}.pro-card .pro-datatable-container .pro-table-td div[style*="text-align: center"]{white-space:normal!important;line-height:1.3!important}.pro-card .pro-datatable-container .pro-table-td span[style*="font-family: monospace"]{font-size:11px!important}[data-theme=light] .pro-card .pro-datatable-container,[data-theme=light] .pro-card .pro-datatable-container .pro-table-wrapper{overflow:hidden!important;max-width:100%!important}[data-theme=light] .pro-card .pro-datatable-container .pro-data-table{min-width:unset!important;table-layout:fixed!important;width:100%!important}.usersignup-container{position:relative;height:100vh;width:100%;overflow:hidden}.usersignup-video-bg{position:absolute;inset:0;z-index:0}.usersignup-video{width:100%;height:100%;object-fit:cover}.usersignup-overlay{position:absolute;inset:0;background:#0000004d}.usersignup-home-btn{position:absolute;top:24px;left:24px;z-index:30}.usersignup-home-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffff1a;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;transition:all .3s ease}.usersignup-home-link:hover{background:#fff3}.usersignup-content{position:relative;z-index:20;height:100%;display:flex;align-items:center;justify-content:flex-end;padding:24px 64px}.usersignup-card-wrapper{width:100%;max-width:380px;max-height:100%;overflow-y:auto}.usersignup-card{background:#1e293b;backdrop-filter:blur(10px);border:1px solid #334155;border-radius:16px;padding:32px;box-shadow:0 25px 50px -12px #00000080;margin:16px 0;position:relative;overflow:hidden}.usersignup-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--wis-lime, #39ff14),var(--wis-blue, #00a8ff))}.usersignup-org-badge{display:flex;justify-content:center;margin-bottom:12px}.usersignup-org-badge p{background:linear-gradient(to right,#39ff1426,#7dff5c26);backdrop-filter:blur(8px);border:1px solid rgba(57,255,20,.3);border-radius:8px;padding:6px 12px;color:#fff!important;-webkit-text-fill-color:#ffffff!important;font-size:11px;font-weight:600}.usersignup-header{text-align:center;margin-bottom:14px}.usersignup-header h1{font-size:20px;font-weight:700;color:#fff!important;-webkit-text-fill-color:#ffffff!important;background:none!important;margin-bottom:4px}.usersignup-header p{color:#fff!important;-webkit-text-fill-color:#ffffff!important;font-size:11px}.usersignup-error{margin-bottom:12px;padding:10px;background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:8px}.usersignup-error p{color:#fca5a5;font-size:11px;text-align:center}.usersignup-form{display:flex;flex-direction:column;gap:12px}.usersignup-field{display:flex;flex-direction:column;gap:4px}.usersignup-field label{color:#fff;font-size:11px;font-weight:600}.usersignup-field input{background:#0f172acc;border:1px solid rgba(51,65,85,.6);border-radius:8px;padding:10px 12px;color:#fff;font-size:12px;font-weight:500;transition:all .2s ease}.usersignup-field input::placeholder{color:#64748b;font-size:11px}.usersignup-field input:focus{outline:none;border-color:var(--wis-lime, #39ff14);box-shadow:0 0 0 3px var(--wis-lime-glow, rgba(57, 255, 20, .3))}.usersignup-field input:disabled{opacity:.5;cursor:not-allowed}.usersignup-password-wrapper{position:relative}.usersignup-password-wrapper input{width:100%;padding-right:36px}.usersignup-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#64748b;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.usersignup-password-toggle svg{width:16px;height:16px}.usersignup-password-toggle:hover{color:#94a3b8}.usersignup-submit-btn{width:100%;height:38px;background:linear-gradient(135deg,var(--wis-lime, #39ff14),var(--wis-lime-soft, #7dff5c));border:none;border-radius:8px;color:#000;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:4px}.usersignup-submit-btn:hover:not(:disabled){box-shadow:var(--shadow-glow-lime, 0 0 30px rgba(57, 255, 20, .3));transform:translateY(-1px)}.usersignup-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.usersignup-spinner{width:14px;height:14px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}.usersignup-divider{position:relative;margin:14px 0}.usersignup-divider:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid #334155}.usersignup-divider span{position:relative;background:#0f172af2;padding:2px 12px;color:#64748b;font-size:10px;text-transform:uppercase;display:block;width:fit-content;margin:0 auto}.usersignup-org-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:38px;background:#1e293b;border:1px solid #475569;border-radius:8px;color:#cbd5e1;font-size:12px;font-weight:600;text-decoration:none;transition:all .3s ease}.usersignup-org-btn svg{width:14px;height:14px}.usersignup-org-btn:hover{background:#334155;border-color:#64748b}.usersignup-login-link{margin-top:14px;text-align:center}.usersignup-login-link p{color:#94a3b8;font-size:11px}.usersignup-login-link a{color:var(--wis-lime, #39ff14);font-weight:600;text-decoration:none;transition:color .2s ease}.usersignup-login-link a:hover{color:var(--wis-lime-soft, #7dff5c)}@media (max-width: 1024px){.usersignup-content{justify-content:center;padding:16px}}@media (max-width: 480px){.usersignup-card{padding:24px}.usersignup-header h1{font-size:18px}.usersignup-home-btn{top:12px;left:12px}.usersignup-home-link{width:36px;height:40px}}.orgsignup-container{position:relative;height:100vh;width:100%;overflow:hidden}.orgsignup-video-bg{position:absolute;inset:0;z-index:0}.orgsignup-video{width:100%;height:100%;object-fit:cover}.orgsignup-overlay{position:absolute;inset:0;background:#0000004d}.orgsignup-home-btn{position:absolute;top:24px;left:24px;z-index:30}.orgsignup-home-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffff1a;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;transition:all .3s ease}.orgsignup-home-link:hover{background:#fff3}.orgsignup-content{position:relative;z-index:20;height:100%;display:flex;align-items:center;justify-content:flex-end;padding:24px 64px}.orgsignup-card-wrapper{width:100%;max-width:460px;max-height:100%;overflow-y:auto}.orgsignup-card{background:#1e293b;backdrop-filter:blur(10px);border:1px solid #334155;border-radius:16px;padding:32px;box-shadow:0 25px 50px -12px #00000080;margin:16px 0;position:relative;overflow:hidden}.orgsignup-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--wis-lime, #39ff14),var(--wis-blue, #00a8ff))}.orgsignup-header{text-align:center;margin-bottom:14px}.orgsignup-header h1{font-size:20px;font-weight:700;color:#fff!important;-webkit-text-fill-color:#ffffff!important;background:none!important;margin-bottom:4px}.orgsignup-header p{color:#94a3b8;font-size:11px}.orgsignup-error{margin-bottom:12px;padding:10px;background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:8px}.orgsignup-error p{color:#fca5a5;font-size:11px;text-align:center}.orgsignup-form{display:flex;flex-direction:column;gap:14px}.orgsignup-section{display:flex;flex-direction:column;gap:10px}.orgsignup-section-title{color:#cbd5e1;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.orgsignup-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.orgsignup-field{display:flex;flex-direction:column;gap:2px}.orgsignup-field label{color:#fff;font-size:11px;font-weight:600}.orgsignup-field input{background:#0f172acc;border:1px solid rgba(51,65,85,.6);border-radius:8px;padding:10px 12px;color:#fff;font-size:12px;font-weight:500;transition:all .2s ease}.orgsignup-field input::placeholder{color:#64748b}.orgsignup-field input:focus{outline:none;border-color:var(--wis-lime, #39ff14);box-shadow:0 0 0 3px var(--wis-lime-glow, rgba(57, 255, 20, .3))}.orgsignup-field input:disabled{opacity:.5;cursor:not-allowed}.orgsignup-password-wrapper{position:relative}.orgsignup-password-wrapper input{width:100%;padding-right:40px}.orgsignup-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#64748b;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.orgsignup-password-toggle:hover{color:#94a3b8}.orgsignup-submit-btn{width:100%;height:38px;background:linear-gradient(135deg,var(--wis-lime, #39ff14),var(--wis-lime-soft, #7dff5c));border:none;border-radius:8px;color:#000;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px}.orgsignup-submit-btn:hover:not(:disabled){box-shadow:var(--shadow-glow-lime, 0 0 30px rgba(57, 255, 20, .3));transform:translateY(-1px)}.orgsignup-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.orgsignup-spinner{width:14px;height:14px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}.orgsignup-login-link{margin-top:16px;text-align:center}.orgsignup-login-link p{color:#94a3b8;font-size:11px}.orgsignup-login-link a{color:var(--wis-lime, #39ff14);font-weight:600;text-decoration:none;transition:color .2s ease}.orgsignup-login-link a:hover{color:var(--wis-lime-soft, #7dff5c)}@media (max-width: 1024px){.orgsignup-content{justify-content:center;padding:16px}}@media (max-width: 640px){.orgsignup-grid{grid-template-columns:1fr}}@media (max-width: 480px){.orgsignup-card{padding:24px}.orgsignup-header h1{font-size:18px}.orgsignup-home-btn{top:12px;left:12px}.orgsignup-home-link{width:36px;height:36px}}.home-container{min-height:100vh;display:flex;flex-direction:column;background:#fff!important;color:#111827!important;overflow-y:auto!important;overflow-x:hidden!important;position:fixed;inset:0;z-index:9999}.home-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;box-shadow:0 1px 3px #0000001a;position:fixed;width:100%;top:0;left:0;z-index:50;box-sizing:border-box}.home-nav-logo img{height:48px;width:auto}.home-nav-buttons{display:flex;align-items:center;gap:16px}.home-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:8px;font-weight:500;font-size:14px;text-decoration:none;cursor:pointer;transition:all .3s ease;border:none}.home-btn-outline{background:#fff;border:1px solid #e5e7eb;color:#374151}.home-btn-outline:hover{background:#f9fafb;border-color:#d1d5db}.home-btn-dark{background:#18181b;color:#fff}.home-btn-dark:hover{background:#27272a;transform:translateY(-2px)}.home-btn-teal{background:#0d9488;color:#fff;width:100%}.home-btn-teal:hover{background:#0f766e}.home-btn-green{background:#16a34a;color:#fff;width:100%}.home-btn-green:hover{background:#15803d}.home-btn-purple{background:#9333ea;color:#fff;width:100%}.home-btn-purple:hover{background:#7e22ce}.home-btn-blue{background:#2563eb;color:#fff;width:100%}.home-btn-blue:hover{background:#1d4ed8}.home-hero{position:relative;padding-top:76px}.home-hero-video{width:100%;height:auto;display:block}.home-section-container{max-width:1200px;margin:0 auto;padding:0 24px}.home-section-title{font-size:36px;font-weight:700;text-align:center;margin-bottom:16px;color:#111827}.home-section-subtitle{text-align:center;color:#6b7280;font-size:18px;max-width:600px;margin:0 auto 48px}.home-features{padding:80px 24px;background:#f9fafb}.home-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.home-feature-card{text-align:center;padding:32px 24px;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease}.home-feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a}.home-feature-icon{font-size:48px;margin-bottom:16px}.home-feature-card h3{font-size:20px;font-weight:600;margin-bottom:12px;color:#111827}.home-feature-card p{color:#6b7280;line-height:1.6}.home-banner{position:relative}.home-banner img{width:100%;height:auto;display:block;object-fit:cover}.home-transform{padding:80px 24px;background:#f9fafb}.home-transform-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.home-transform-video{position:relative;height:500px;border-radius:20px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.home-transform-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.home-transform-content h2{font-size:36px;font-weight:700;margin-bottom:24px;color:#111827}.home-transform-content>p{font-size:18px;color:#6b7280;line-height:1.75;margin-bottom:32px}.home-benefits-list{list-style:none;padding:0;margin:0 0 32px}.home-benefits-list li{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#374151;font-size:16px}.home-benefits-list li svg{width:20px;height:20px;flex-shrink:0;color:#16a34a}.home-transform-buttons{display:flex;gap:16px}.home-wifi-section{padding:80px 24px;background:#fff}.home-carousel-wrapper{position:relative;max-width:1200px;margin:0 auto}.home-login-options{display:flex;gap:24px;overflow-x:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.home-login-options::-webkit-scrollbar{display:none}.home-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .2s ease}.home-carousel-btn:hover{background:#f9fafb;box-shadow:0 4px 12px #00000026}.home-carousel-btn svg{width:18px;height:18px;stroke:#374151}.home-carousel-btn-prev{left:-20px}.home-carousel-btn-next{right:-20px}.home-carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:24px}.home-carousel-dot{width:10px;height:10px;border-radius:50%;border:none;background:#d1d5db;cursor:pointer;padding:0;transition:all .3s ease}.home-carousel-dot.active{background:#0d9488;width:28px;border-radius:5px}.home-login-card{background:#fff;padding:32px;border-radius:16px;border:1px solid #e5e7eb;text-align:center;transition:all .3s ease;flex:0 0 calc((100% - 48px) / 3);scroll-snap-align:start}.home-login-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a}.home-login-card-teal:hover{background:#f0fdfa}.home-login-card-green:hover{background:#f0fdf4}.home-login-card-purple:hover{background:#faf5ff}.home-login-card-blue:hover{background:#eff6ff}.home-login-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;transition:transform .5s ease}.home-login-card:hover .home-login-icon{transform:rotate(360deg)}.home-login-icon svg{width:32px;height:32px}.home-login-icon-teal{background:#ccfbf1}.home-login-icon-teal svg{stroke:#0d9488}.home-login-icon-green{background:#dcfce7}.home-login-icon-green svg{stroke:#16a34a}.home-login-icon-purple{background:#f3e8ff}.home-login-icon-purple svg{stroke:#9333ea}.home-login-icon-blue{background:#dbeafe}.home-login-icon-blue svg{stroke:#2563eb}.home-login-card h3{font-size:24px;font-weight:600;margin-bottom:24px;color:#111827}.home-login-card ul{list-style:none;padding:0;margin:0 0 24px;text-align:left}.home-login-card ul li{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#6b7280;font-size:14px}.home-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.home-dot-teal{background:#0d9488}.home-dot-green{background:#16a34a}.home-dot-purple{background:#9333ea}.home-dot-blue{background:#2563eb}.home-help{padding:64px 24px;background:#f9fafb;text-align:center}.home-help h2{font-size:28px;font-weight:600;margin-bottom:16px;color:#111827}.home-help>.home-section-container>p{color:#6b7280;margin-bottom:32px;font-size:16px}.home-help-buttons{display:flex;gap:16px;justify-content:center}.home-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:64px 24px 32px;margin-top:auto}.home-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.home-footer-brand p{color:#6b7280;font-size:14px;margin-bottom:20px;line-height:1.6}.home-footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:16px}.home-footer-logo img{height:40px;width:auto}.home-footer-logo span{font-weight:600;font-size:18px;color:#111827}.home-footer-social{display:flex;gap:16px}.home-footer-social a{color:#9ca3af;transition:color .3s ease}.home-footer-social a:hover{color:#6b7280}.home-footer-social svg{width:24px;height:24px}.home-footer-links h3{font-weight:600;color:#111827;margin-bottom:20px;font-size:16px}.home-footer-links ul{list-style:none;padding:0;margin:0}.home-footer-links ul li{margin-bottom:12px;color:#6b7280;font-size:14px}.home-footer-links ul li a{color:#6b7280;text-decoration:none;transition:color .3s ease}.home-footer-links ul li a:hover{color:#111827}.home-footer-bottom{border-top:1px solid #e5e7eb;padding-top:32px;display:flex;justify-content:space-between;align-items:center}.home-footer-bottom p{color:#6b7280;font-size:14px}.home-footer-legal{display:flex;gap:24px}.home-footer-legal a{color:#6b7280;text-decoration:none;font-size:14px;transition:color .3s ease}.home-footer-legal a:hover{color:#111827}.help-popup-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.help-popup{background:#fff;border-radius:16px;padding:32px;max-width:420px;width:100%;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.help-popup-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#f1f5f9;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.help-popup-close:hover{background:#e2e8f0}.help-popup-close svg{width:18px;height:18px;color:#64748b}.help-popup-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.help-popup-header svg{width:32px;height:32px;color:#166534}.help-popup-header h3{font-size:24px;font-weight:700;color:#1e293b;margin:0}.help-popup-subtitle{color:#64748b;font-size:14px;margin-bottom:24px}.help-popup-contacts{display:flex;flex-direction:column;gap:12px}.help-contact-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;text-decoration:none;transition:all .2s}.help-contact-item:hover{background:#f1f5f9;border-color:#22c55e;transform:translate(4px)}.help-contact-item svg{width:24px;height:24px;color:#22c55e;flex-shrink:0}.help-contact-item div{display:flex;flex-direction:column;gap:2px}.help-contact-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.help-contact-value{font-size:15px;color:#1e293b;font-weight:500}@media (max-width: 1024px){.home-features-grid{grid-template-columns:repeat(2,1fr)}.home-login-card{flex:0 0 calc((100% - 24px)/2)}.home-carousel-btn-prev{left:-8px}.home-carousel-btn-next{right:-8px}.home-transform-grid{grid-template-columns:1fr;gap:48px}.home-transform-video{height:400px;order:-1}.home-footer-grid{grid-template-columns:repeat(2,1fr);gap:32px}}@media (max-width: 768px){.home-nav{padding:12px 16px}.home-nav-logo img{height:40px}.home-nav-buttons{gap:8px}.home-btn{padding:8px 16px;font-size:13px}.home-section-title{font-size:28px}.home-section-subtitle{font-size:16px}.home-features-grid{grid-template-columns:1fr}.home-login-card{flex:0 0 calc(100% - 16px)}.home-transform-content h2{font-size:28px}.home-transform-video{height:300px}.home-footer-grid{grid-template-columns:1fr;gap:32px}.home-footer-bottom{flex-direction:column;gap:16px;text-align:center}.home-footer-legal{flex-wrap:wrap;justify-content:center;gap:16px}.home-help-buttons{flex-direction:column;align-items:center}.home-transform-buttons{flex-direction:column}.home-transform-buttons .home-btn{width:100%}}@media (max-width: 480px){.home-nav-buttons .home-btn-outline{display:none}.home-feature-card,.home-login-card{padding:24px 16px}.home-section-title{font-size:24px}}.policy-page{min-height:100vh;height:100vh;background:#fff;color:#1e293b;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.policy-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#fffffff2;backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100}.policy-nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#166534;font-weight:600;font-size:16px}.policy-nav-logo img{width:40px;height:40px;border-radius:10px;object-fit:contain}.policy-back-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#1665341a;border:1px solid #22c55e;border-radius:8px;color:#166534;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s ease}.policy-back-btn:hover{background:#16653433;transform:translate(-2px)}.policy-content{flex:1;max-width:900px;margin:0 auto;padding:48px 32px 100px;width:100%}.policy-header{text-align:center;margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid #e2e8f0}.policy-header h1{font-size:36px;font-weight:700;color:#166534;margin-bottom:12px}.policy-meta{color:#64748b;font-size:14px}.policy-section{margin-bottom:40px}.policy-section h2{font-size:22px;font-weight:600;color:#166534;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.policy-section h3{font-size:18px;font-weight:600;color:#1e293b;margin:24px 0 12px}.policy-section h4{font-size:15px;font-weight:600;color:#475569;margin:16px 0 8px}.policy-section p{color:#475569;line-height:1.7;margin-bottom:16px}.policy-section ul{list-style:none;padding:0;margin:0 0 16px}.policy-section ul li{position:relative;padding-left:24px;margin-bottom:12px;color:#475569;line-height:1.6}.policy-section ul li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:#22c55e;border-radius:50%}.policy-section ul li strong{color:#1e293b}.policy-section a{color:#166534;text-decoration:none;transition:color .2s}.policy-section a:hover{color:#15803d;text-decoration:underline}.policy-note{background:#1665340d;border:1px solid rgba(22,101,52,.2);border-radius:8px;padding:16px;margin:16px 0}.policy-note strong{color:#166534}.policy-table-wrapper{overflow-x:auto;margin:16px 0}.policy-table{width:100%;border-collapse:collapse;font-size:14px}.policy-table th,.policy-table td{padding:12px 16px;text-align:left;border:1px solid #e2e8f0}.policy-table th{background:#f1f5f9;color:#166534;font-weight:600}.policy-table td{background:#fff;color:#475569}.policy-table tr:hover td{background:#f8fafc}.policy-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:24px 32px;text-align:center}.policy-footer p{color:#64748b;font-size:14px;margin-bottom:12px}.policy-footer-links{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.policy-footer-links a{color:#64748b;text-decoration:none;font-size:14px;transition:color .2s}.policy-footer-links a:hover{color:#166534}@media (max-width: 768px){.policy-nav{padding:12px 16px}.policy-nav-logo span{display:none}.policy-back-btn{padding:8px 16px;font-size:13px}.policy-content{padding:32px 16px}.policy-header h1{font-size:28px}.policy-section h2{font-size:18px}.policy-section h3{font-size:16px}.policy-table{font-size:12px}.policy-table th,.policy-table td{padding:8px 12px}}.products-page{position:fixed;inset:0;background:#fff;color:#1e293b;overflow-y:auto;overflow-x:hidden}.products-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#fffffff2;backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100}.products-nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#166534;font-weight:600;font-size:18px}.products-nav-logo img{width:40px;height:40px;border-radius:10px;object-fit:contain}.products-nav-links{display:flex;align-items:center;gap:24px}.products-nav-links a{color:#475569;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.products-nav-links a:hover{color:#166534}.products-nav-btn{background:#a3e635!important;color:#0f172a!important;padding:8px 20px;border-radius:8px;font-weight:600!important}.products-nav-btn:hover{background:#84cc16!important}.products-gallery-section{padding:48px 0;background:#f1f5f9}.products-gallery-title{font-size:28px;font-weight:700;color:#166534;text-align:center;margin-bottom:24px}.products-gallery-scroll{display:flex;gap:24px;overflow-x:auto;padding:16px 32px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#22c55e #e2e8f0}.products-gallery-scroll::-webkit-scrollbar{height:8px}.products-gallery-scroll::-webkit-scrollbar-track{background:#e2e8f0;border-radius:4px}.products-gallery-scroll::-webkit-scrollbar-thumb{background:#22c55e;border-radius:4px}.products-gallery-scroll::-webkit-scrollbar-thumb:hover{background:#166534}.products-gallery-scroll img{flex-shrink:0;height:500px;width:auto;border-radius:12px;box-shadow:0 4px 20px #0000001a;scroll-snap-align:start;transition:transform .3s ease}.products-gallery-scroll img:hover{transform:scale(1.02)}.products-hero{background:linear-gradient(135deg,#166534,#15803d,#a3e635);padding:80px 32px;text-align:center;position:relative;overflow:hidden}.products-hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.products-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.products-hero-badge{display:inline-block;background:#fff3;color:#fff;padding:8px 20px;border-radius:30px;font-size:14px;font-weight:600;margin-bottom:20px;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}.products-hero h1{font-size:48px;font-weight:800;color:#fff;margin-bottom:16px;text-shadow:0 2px 20px rgba(0,0,0,.2)}.products-hero p{font-size:24px;color:#ffffffe6;margin-bottom:24px}.products-hero-wifi{display:flex;justify-content:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.products-hero-wifi span{background:#fff3;color:#fff;padding:10px 24px;border-radius:8px;font-weight:600;font-size:14px;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}.products-hero-tagline{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.products-hero-tagline span{color:#fff;font-size:16px;font-weight:500}.products-make-india{background:linear-gradient(135deg,#f93,#fff,#138808);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700!important;font-size:18px!important}.products-section{padding:80px 32px}.products-section-alt{background:#f1f5f9}.products-section-container{max-width:1400px;margin:0 auto}.products-section-title{font-size:32px;font-weight:700;color:#166534;text-align:center;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:12px}.products-icon{font-size:36px}.products-section-subtitle{color:#15803d;font-size:18px;text-align:center;margin-bottom:48px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.products-grid-wide{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.product-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000d}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#a3e635,#22c55e);opacity:0;transition:opacity .3s}.product-card:hover{transform:translateY(-4px);border-color:#22c55e;box-shadow:0 12px 40px #16653426}.product-card:hover:before{opacity:1}.product-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.product-model{background:linear-gradient(135deg,#166534,#15803d);color:#fff;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:.5px}.product-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600}.product-badge-enterprise{background:linear-gradient(135deg,#f59e0b,#d97706)}.product-title{font-size:14px;font-weight:600;color:#166534;margin-bottom:6px;line-height:1.4}.product-subtitle{font-size:13px;color:#64748b;margin-bottom:16px}.product-specs{list-style:none;padding:0;margin:0}.product-specs li{font-size:12px;color:#475569;border-bottom:1px solid #e2e8f0;position:relative;padding:6px 0 6px 16px}.product-specs li:last-child{border-bottom:none}.product-specs li:before{content:"•";position:absolute;left:0;color:#22c55e}.product-card-controller{text-align:center;padding:32px 24px}.product-card-controller .product-model{display:inline-block;margin-bottom:16px;font-size:14px}.product-card-controller .product-title{font-size:13px;margin-bottom:8px}.products-features-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px}.products-feature-item{background:#1665341a;border:1px solid #22c55e;color:#166534;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:500}.products-specs-highlight{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;background:#1665340d;border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin-bottom:40px}.spec-item{display:flex;flex-direction:column;gap:4px}.spec-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.spec-value{font-size:14px;color:#166534;font-weight:600}.auth-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.auth-feature-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s;box-shadow:0 2px 8px #0000000d}.auth-feature-card:hover{border-color:#22c55e;transform:translate(4px)}.auth-feature-card svg{width:24px;height:24px;color:#22c55e;flex-shrink:0}.auth-feature-card span{font-size:14px;color:#1e293b}.products-section-wifi7{background:linear-gradient(135deg,#1e3a5f,#0f172a)}.wifi7-banner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.wifi7-content h2{font-size:36px;color:#fff;margin-bottom:16px}.wifi7-badge{display:inline-block;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:12px 28px;border-radius:30px;font-size:18px;font-weight:700;margin-bottom:16px;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 20px #3b82f666}50%{box-shadow:0 0 40px #3b82f6cc}}.wifi7-content p{color:#94a3b8;font-size:16px}.wifi7-specs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wifi7-spec-item{background:#ffffff0d;border:1px solid #334155;border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;gap:4px}.wifi7-label{font-size:12px;color:#64748b}.wifi7-value{font-size:13px;color:#a3e635;font-weight:500}.products-cta{background:linear-gradient(135deg,#166534,#15803d);padding:80px 32px;text-align:center}.products-cta h2{font-size:36px;color:#fff;margin-bottom:12px}.products-cta p{color:#ffffffe6;font-size:18px;margin-bottom:32px}.products-cta-buttons{display:flex;justify-content:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.products-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:10px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;cursor:pointer;border:none}.products-btn-primary{background:#fff;color:#166534}.products-btn-primary:hover{background:#f0fdf4;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.products-btn-outline{background:transparent;color:#fff;border:2px solid #ffffff}.products-btn-outline:hover{background:#ffffff1a}.products-contact-info{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.products-contact-info span{color:#fffc;font-size:14px}.products-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:24px 32px}.products-footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.products-footer-content p{color:#64748b;font-size:14px;margin:0}.products-footer-links{display:flex;gap:24px}.products-footer-links a{color:#64748b;text-decoration:none;font-size:14px;transition:color .2s}.products-footer-links a:hover{color:#166534}@media (max-width: 1024px){.wifi7-banner{grid-template-columns:1fr;text-align:center}.wifi7-specs{max-width:400px;margin:0 auto}}@media (max-width: 768px){.products-nav{padding:12px 16px}.products-nav-links{gap:12px}.products-hero{padding:48px 16px}.products-hero h1{font-size:28px}.products-hero p{font-size:18px}.products-section{padding:48px 16px}.products-section-title{font-size:24px;flex-direction:column;gap:8px}.products-grid{grid-template-columns:1fr}.products-cta h2{font-size:28px}.products-footer-content{flex-direction:column;text-align:center}}