@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{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}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-chart-body{contain:layout paint;min-height:180px}.sidebar,.pro-chart-card,.pro-card,.pro-kpi-card{backface-visibility:hidden;transform:translateZ(0)}.app-layout{contain:layout style paint}html{font-size:12px}.main-content,.main-content>div{padding:12px!important}.pro-header,.pro-page-header,.page-header,.tree-header,.logs-page-header,.devices-header,.organizations-header,.settings-header{border-bottom:1px solid var(--border-color)!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;margin-bottom:24px!important;padding-bottom:16px!important;display:flex!important}.pro-header-left,.pro-header-right{align-items:center!important;gap:var(--gap-md)!important;display:flex!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;line-height:var(--line-height-tight)!important;margin:0!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{background:#76ce18;font-size:var(--font-size-base)!important;font-weight:var(--font-weight-medium)!important;color:#0000!important;letter-spacing:.5px!important;background-clip:text!important}.pro-kpi-row,.logs-stats-row,.stats-row,.kpi-row,.tree-stats,.ai-kpi-grid,.ap-overview-row{gap:var(--gap-lg)!important;margin-bottom:var(--spacing-2xl)!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;display:grid!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;background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-xl)!important;align-items:center!important;gap:var(--gap-lg)!important;min-height:100px!important;transition:all .2s!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 2px 8px #00000026!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;background:linear-gradient(90deg, var(--wis-lime,#7ed321), #5fa31a)!important;border-radius:10px 10px 0 0!important;height:4px!important;position:absolute!important;top:0!important;left:0!important;right: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;transform:translateY(-2px)!important;box-shadow:0 4px 16px #7ed32140!important}.pro-kpi-card:first-child: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!important}.dash-stat-card:hover{transform:translateY(-3px)scale(1.02)!important;box-shadow:0 8px 30px #0003!important}.interface-pill-active{animation:2s ease-in-out infinite interface-glow}@keyframes interface-glow{0%,to{box-shadow:0 0 #0000}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:first-child: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:first-child: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.danger:before{background:linear-gradient(90deg,#f97316,#ea580c)!important}.ai-kpi-card.success:before{background:linear-gradient(90deg,#22c55e,#16a34a)!important}.ap-overview-card:first-child: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;justify-content:flex-start!important;align-items:flex-start!important;gap:2px!important;padding:14px 16px 14px 60px!important;position:relative!important}.pro-kpi-content,.ai-kpi-content,.ap-overview-content,.tree-stat-info,.logs-stat-content,.stat-content,.kpi-content{flex-direction:column!important;width:100%!important;display:flex!important}.pro-kpi-value,.logs-stat-value,.stat-value,.kpi-value,.tree-stat-value,.canvas-stat-value,.ai-kpi-value,.ap-overview-value{color:#e6edf3!important;letter-spacing:-.02em!important;order:2!important;font-size:24px!important;font-weight:700!important;line-height:1.2!important}.pro-kpi-unit,.logs-stat-unit,.stat-unit,.kpi-unit,.tree-stat-unit,.canvas-stat-unit,.ai-kpi-unit,.ap-overview-unit{color:#e6edf3!important;margin-left:4px!important;font-size:14px!important;font-weight:600!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{color:#8b949e!important;text-transform:uppercase!important;letter-spacing:.5px!important;white-space:nowrap!important;order:1!important;margin-top:0!important;margin-bottom:4px!important;font-size:11px!important;font-weight:500!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{color:#fff!important;background:#7ed32180!important}.ap-overview-sub{color:var(--text-muted)!important;margin-top:3px!important;font-size:.55rem!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{background:#7ed32126!important;border-radius:8px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;padding:6px!important;display:flex!important;position:absolute!important;top:50%!important;left:14px!important;transform:translateY(-50%)!important}.pro-kpi-icon svg,.tree-stat-icon svg,.ai-kpi-icon svg,.ap-overview-icon svg{background:0 0!important;width:18px!important;height:18px!important;padding:0!important;position:static!important;transform:none!important}.pro-kpi-card:first-child .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:first-child .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:first-child>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:first-child .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{order:3!important;width:100%!important;margin-top:4px!important}.pro-kpi-stat,.logs-stat-stat,.stat-stat,.kpi-stat,.tree-stat-breakdown span,.ai-kpi-stat,.ap-overview-stat,.ap-overview-sub{color:var(--text-secondary)!important;font-size:12px!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{flex-direction:column!important;gap:0!important;display:flex!important}.tree-stat-breakdown{margin-left:auto!important;font-size:.65rem!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{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;padding:8px!important}.pro-card-header,.card-header{border-bottom:1px solid var(--border-color)!important;padding:6px 8px!important}.pro-card-title,.card-title{color:var(--text-primary)!important;font-size:.75rem!important;font-weight:600!important}.unified-tabs{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.unified-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.unified-tab:hover{color:var(--text-primary);background:#ffffff0d}.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{min-width:20px;height:20px;color:var(--text-secondary);background:#ffffff26;border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.unified-tab-active .unified-tab-badge,.unified-tab-active .ai-tab-badge{color:#000;background:#00000026}[data-theme=light] .unified-tab-badge,[data-theme=light] .ai-tab-badge{color:#64748b;background:#00000014}[data-theme=light] .unified-tab-active .unified-tab-badge,[data-theme=light] .unified-tab-active .ai-tab-badge{color:#fff;background:#ffffff4d}[data-theme=light] .unified-tabs{background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .unified-tab{color:#64748b}[data-theme=light] .unified-tab-active{box-shadow:0 1px 3px #0000001a;background:var(--wis-lime)!important;color:#fff!important}[data-theme=light] .unified-tab-active svg{color:#fff!important}.pro-table,.logs-table,.data-table,.ai-table{border-collapse:collapse;background:var(--bg-card);border-radius:8px;width:100%;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{border-bottom:1px solid var(--border-color);padding:var(--spacing-md) var(--spacing-lg)!important;font-size:var(--font-size-md)!important;text-align:left!important}.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{border:1px solid var(--border-color);border-radius:8px;margin-top:var(--spacing-md)!important;overflow-x:auto!important}.pro-btn,.btn,button.primary,button.secondary{cursor:pointer!important;white-space:nowrap!important;border:none!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;gap:8px!important;min-height:40px!important;padding:10px 20px!important;font-size:14px!important;font-weight:500!important;transition:all .15s!important;display:inline-flex!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:hover{background:#ef4444!important}.pro-btn-ghost{color:var(--text-secondary)!important;border:1px solid var(--border-color)!important;background:0 0!important}.pro-btn:disabled,.btn:disabled{opacity:.5!important;cursor:not-allowed!important}.pro-btn svg,.btn svg{flex-shrink:0!important;width:16px!important;height:16px!important}.pro-btn-sm,.btn-sm{min-height:32px!important;padding:6px 12px!important;font-size:12px!important}.pro-action-btn{border:1px solid var(--border-color)!important;width:32px!important;height:32px!important;color:var(--text-secondary)!important;cursor:pointer!important;background:0 0!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;padding:0!important;transition:all .15s!important;display:inline-flex!important}.pro-action-btn:hover{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.pro-action-btn.assign:hover{border-color:var(--wis-lime)!important;color:var(--wis-lime)!important;background:#a3e6351a!important}.pro-actions{align-items:center!important;gap:8px!important;display:flex!important}.pro-pagination,.pagination{border-top:1px solid var(--border-color)!important;background:var(--bg-secondary)!important;justify-content:space-between!important;align-items:center!important;padding:16px!important;display:flex!important}.pro-pagination-info,.pagination-info{color:var(--text-secondary)!important;font-size:13px!important}.pro-pagination-buttons,.pagination-buttons{gap:8px!important;display:flex!important}.pro-pagination-buttons .pro-btn,.pagination-buttons .btn{min-height:36px!important;padding:8px 16px!important}.modal,.pro-modal{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;max-width:480px!important;box-shadow:0 20px 40px #0006!important}.modal-header,.pro-modal-header,.ap-modal-header,.user-modal-header{border-bottom:1px solid var(--border-color)!important;justify-content:space-between!important;align-items:center!important;padding:20px 24px!important;display:flex!important}.modal-header h2,.pro-modal-title,.pro-modal-title-sm,.ap-modal-title{color:var(--text-primary)!important;margin:0!important;font-size:18px!important;font-weight:600!important}.pro-modal-close{width:32px!important;height:32px!important;color:var(--text-secondary)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;transition:all .15s!important;display:flex!important}.modal-body,.pro-modal-body{padding:24px!important}.modal-footer,.pro-modal-footer{border-top:1px solid var(--border-color)!important;background:var(--bg-secondary)!important;justify-content:flex-end!important;gap:12px!important;padding:16px 24px!important;display:flex!important}.pro-modal-overlay{z-index:9999!important;background:#000000b3!important;justify-content:center!important;align-items:center!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important}.form-group,.pro-form-group{margin-bottom:2px!important}.form-label,.pro-label,.pro-form-label{color:var(--text-secondary)!important;margin-bottom:6px!important;font-size:13px!important;font-weight:500!important;display:block!important}.form-input,.pro-input,.pro-form-input{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;width:100%!important;height:auto!important;min-height:40px!important;color:var(--text-primary)!important;border-radius:6px!important;padding:10px 14px!important;font-size:14px!important;transition:all .15s!important}.form-input:focus,.pro-input:focus,.pro-form-input:focus{border-color:var(--wis-lime)!important;outline:none!important;box-shadow:0 0 0 3px #a3e6351a!important}.form-textarea,.pro-textarea{resize:vertical!important;min-height:80px!important;font-size:14px!important}.pro-input-group{display:flex!important}.pro-input-addon{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;padding:10px 14px!important;font-size:14px!important}.sidebar{z-index:1000!important;background:#0d1117!important;border-right:1px solid #2d333d66!important;width:52px!important;height:100vh!important;margin:0!important;padding:8px 0!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden!important}.sidebar-nav{scrollbar-width:thin!important;scrollbar-color:#fff3 transparent!important;max-height:calc(100vh - 120px)!important;overflow:hidden auto!important}.nav-item{padding:5px 6px!important;font-size:.7rem!important}.sidebar-logo{flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:52px!important;height:48px!important;margin:0!important;padding:8px 6px!important;display:flex!important}.main-content{max-width:calc(100vw - 52px)!important;margin-left:52px!important}.logs-tabs-fullwidth{gap:1px!important}.logs-tab-full{padding:5px 8px!important;font-size:.65rem!important}.pro-filter-bar{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);grid-template-columns:repeat(3,1fr);display:grid}.pro-filter-group{align-items:center;gap:var(--gap-md);flex-direction:row;display:flex}.pro-filter-label{align-items:center;gap:var(--gap-sm);white-space:nowrap;display:flex;font-size:var(--font-size-md)!important;font-weight:var(--font-weight-semibold)!important;color:var(--text-primary)!important}.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 (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{color:#64748b;background-color:#0000;border-color:#e2e8f0}[data-theme=light] .pro-filter-select option{color:#1e293b;background:#fff}.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;border-radius:var(--radius-md)!important;border:1px solid var(--border-color)!important;background:var(--bg-card)!important;background-color:var(--bg-card)!important;height:36px!important;min-height:36px!important;color:var(--text-primary)!important;cursor:pointer!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-position:right 10px center!important;background-repeat:no-repeat!important;outline:none!important;padding-right:32px!important;transition:all .2s!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{content:none!important;display: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{color:#0f172a!important;background-color:#fff!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;border-color:#e2e8f0!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;border-radius:var(--radius-md)!important;border:1px solid var(--border-color)!important;background:var(--bg-card)!important;height:36px!important;min-height:36px!important;color:var(--text-primary)!important;outline:none!important;transition:all .2s!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{color:#0f172a!important;background:#fff!important;border-color:#e2e8f0!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{color:var(--text-muted)!important;font-size:.55rem!important}.pro-loading,.loading-state,.tree-loading,.ai-loading-state{flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:16px!important;display:flex!important}.pro-loading-spinner,.loading-spinner,.tree-loading-spinner{border-width:2px!important;width:24px!important;height:24px!important}.pro-empty-state,.empty-state,.ai-empty-state{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:16px!important;display:flex!important}.pro-empty-state p,.empty-state p,.ai-empty-state p{color:var(--text-muted)!important;margin:0!important;font-size:.65rem!important}.nav-item svg,.sidebar svg{width:18px!important;height:18px!important}.pro-dashboard-grid,.pro-two-column-grid{gap:10px!important}.top-header{background:#0d1117!important;border-bottom:1px solid #2d333d66!important;gap:0!important;margin:0!important;padding:8px 12px!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:#39ff144d;--wis-blue:#00a8ff;--wis-blue-soft:#4fc3f7;--wis-blue-glow:#00a8ff4d;--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:#39ff140d;--bg-input:#1e2228;--bg-sidebar:#0f1115;--text-primary:#fff;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-dim:#4b5563;--border-color:#ffffff14;--border-light:#ffffff1f;--shadow-card:0 4px 24px #0000004d;--shadow-lg:0 8px 32px #0006;--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:#05966914;--wis-blue:#0369a1;--wis-blue-soft:#0284c7;--wis-blue-glow:#0369a114;--wis-cyan:#0891b2;--wis-red:#dc2626;--wis-yellow:#d97706;--wis-green:#22c55e;--accent-gold:#d4af37;--accent-gold-soft:#d4af3726;--accent-success:#22c55e;--accent-warning:#eab308;--bg-body:#f6f7f9;--bg-card:#fff;--bg-card-light:#f8f9fb;--bg-card-lighter:#eef1f5;--bg-card-hover:#00000005;--bg-input:#fff;--bg-sidebar:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#6b7280;--text-dim:#94a3b8;--border-color:#0000000f;--border-light:#0000000a;--border-soft:#0000000d;--shadow-card:0 12px 28px #0000000f;--shadow-card-hover:0 16px 36px #00000014;--shadow-lg:0 20px 40px #00000014;--shadow-header:0 1px 10px #0000000d;--shadow-glow-lime:none;--shadow-glow-blue:none;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif!important}[data-theme=light] body{color:#0f172a!important;-webkit-font-smoothing:antialiased!important;background:#f6f7f9!important;font-size:14px!important;line-height:1.5!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){color:#0f172a!important;letter-spacing:-.025em!important;font-size:24px!important;font-weight:600!important}[data-theme=light] h2{color:#0f172a!important;letter-spacing:-.01em!important;font-size:18px!important;font-weight:500!important}[data-theme=light] h3{color:#0f172a!important;font-size:15px!important;font-weight:500!important}[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6{color:#0f172a!important;font-size:14px!important;font-weight:500!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] .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;transition:all .3s!important;box-shadow:0 12px 28px #0000000f!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:#0000!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{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-size:11px!important;font-weight:500!important}[data-theme=light] [class*=CardContent] .text-2xl,[data-theme=light] [class*=CardContent] [class*=text-2xl],[data-theme=light] .noc-value{color:#0f172a!important;margin:4px 0!important;font-size:24px!important;font-weight:700!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]{color:#6b7280!important;text-transform:none!important;letter-spacing:0!important;background:#f8f9fb!important;border-bottom:1px solid #0000000d!important;padding:12px 16px!important;font-size:12px!important;font-weight:500!important}[data-theme=light] td,[data-theme=light] [class*=TableCell]{color:#0f172a!important;border-bottom:1px solid #0000000d!important;padding:12px 16px!important;font-size:13px!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{color:#0f172a!important;background:#fff!important;border:1px solid #0000001a!important;border-radius:8px!important;font-size:13px!important;font-weight:500!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{color:#fff!important;background:#22c55e!important;border:none!important;border-radius:8px!important;font-size:13px!important;font-weight:500!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]{color:#0f172a!important;background:#fff!important;border:1px solid #0000001a!important;border-radius:8px!important;padding:10px 14px!important;font-size:13px!important}[data-theme=light] input:focus,[data-theme=light] select:focus{border-color:#22c55e!important;outline:none!important;box-shadow:0 0 0 3px #22c55e1a!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:0 0!important}[data-theme=light] label,[data-theme=light] [class*=Label]{color:#6b7280!important;margin-bottom:4px!important;font-size:12px!important;font-weight:500!important}[data-theme=light] [class*=Badge],[data-theme=light] .badge{border-radius:6px!important;padding:3px 8px!important;font-size:11px!important;font-weight:500!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{color:#fff!important;background:linear-gradient(135deg,#059669,#10b981)!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}[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{color:#fff;background:linear-gradient(135deg,#059669,#10b981);border:none;transition:all .2s;box-shadow:0 2px 8px #05966940}[data-theme=light] .pro-btn-primary:hover{background:linear-gradient(135deg,#047857,#059669);transform:translateY(-1px);box-shadow:0 4px 12px #05966959}[data-theme=light] .pro-table th{text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;font-size:.75rem;font-weight:600}[data-theme=light] .logs-table th{background:#f8fafc;font-weight:600}[data-theme=light] .status-badge-active{color:#059669;background:linear-gradient(135deg,#0596691f,#10b9811f);border:1px solid #05966933;font-weight:500}[data-theme=light] .status-badge-inactive{color:#dc2626;background:linear-gradient(135deg,#dc26261a,#ef44441a);border:1px solid #dc262633;font-weight:500}[data-theme=light] .log-badge-info{color:#059669;background:linear-gradient(135deg,#0596691a,#10b98114);border:1px solid #05966926}[data-theme=light] .log-badge-warning{color:#d97706;background:linear-gradient(135deg,#d977061a,#f59e0b14);border:1px solid #d9770626}[data-theme=light] .log-badge-notice{color:#0369a1;background:linear-gradient(135deg,#0369a11a,#0ea5e914);border:1px solid #0369a126}[data-theme=light] .log-badge-error{color:#dc2626;background:linear-gradient(135deg,#dc26261a,#ef444414);border:1px solid #dc262626}[data-theme=light] body{color:#1e293b!important;background:linear-gradient(#f8fafc 0%,#f1f5f9 100%)!important}[data-theme=light] .app-layout{background:0 0!important}[data-theme=light] .sidebar{background:linear-gradient(#1a1f26 0%,#141820 100%)!important;border-right:1px solid #30363d!important}[data-theme=light] .sidebar-logo{font-weight:700;color:var(--wis-lime)!important}[data-theme=light] .nav-item{border-radius:8px;transition:all .2s;color:#8b949e!important}[data-theme=light] .nav-item:hover{color:#e6edf3!important;background:#ffffff14!important}[data-theme=light] .nav-item.active{font-weight:500;color:var(--wis-lime)!important;background:linear-gradient(90deg,#b6ff0026,#b6ff0014)!important}[data-theme=light] .sidebar-section-title{text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;color:#94a3b8!important}[data-theme=light] .main-content,[data-theme=light] .page-content{background:0 0!important}[data-theme=light] .header{-webkit-backdrop-filter:none;background:#fff!important;border-bottom:none!important;height:64px!important;box-shadow:0 1px 10px #0000000d!important}[data-theme=light] .header-title{color:#0f172a!important;font-size:18px!important;font-weight:500!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{color:#0f172a!important;background:#f1f5f9!important}[data-theme=light] .pro-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;transition:all .25s!important;overflow:visible!important;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008!important}[data-theme=light] .pro-card:hover{border-color:#cbd5e1!important;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000a!important}[data-theme=light] .pro-card:has(.pro-table){transition:box-shadow .25s,border-color .25s!important;overflow:visible!important}[data-theme=light] .pro-card:has(.pro-table):hover{transform:none!important}[data-theme=light] .flow-card{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;background:#fff!important}[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{border-collapse:separate!important;border-spacing:0!important;background:#fff!important;border-radius:0!important;overflow:visible!important}[data-theme=light] .pro-th{color:#6b7280!important;text-transform:none!important;letter-spacing:0!important;background:#f8f9fb!important;border-bottom:1px solid #0000000d!important;padding:14px 20px!important;font-size:12px!important;font-weight:500!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;background:#fff!important;border-bottom:1px solid #e2e8f0!important;padding:14px 20px!important;font-size:14px!important}[data-theme=light] .pro-tr{transition:all .2s!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:1px solid #e2e8f0!important;border-radius:8px!important;overflow:hidden!important}[data-theme=light] .logs-table th{color:#6b7280!important;text-transform:none!important;letter-spacing:0!important;background:#f8f9fb!important;border-bottom:1px solid #0000000d!important;padding:14px 20px!important;font-size:14px!important;font-weight:500!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;overflow:hidden!important;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008!important}[data-theme=light] .pro-device-select{color:#0f172a!important;background-color:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .pro-device-select:focus{border-color:#16a34a!important}[data-theme=light] .logs-search{color:#1e293b!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;transition:all .2s!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{color:#1e293b!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;transition:all .2s!important}[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{border-color:#059669!important;outline:none!important;box-shadow:0 0 0 3px #0596691a!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:0 0!important;border-radius:6px!important;font-weight:500!important;transition:all .2s!important}[data-theme=light] .logs-tab:hover{color:#0f172a!important;background:#f1f5f9!important}[data-theme=light] .logs-tab-active{color:#fff!important;background:linear-gradient(#0f172a 0%,#1e293b 100%)!important;font-weight:600!important;box-shadow:0 4px 12px #0f172a40!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;padding:10px 20px!important;font-weight:500!important;transition:all .2s!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{color:#fff!important;background:linear-gradient(#0f172a 0%,#1e293b 100%)!important;border:none!important;font-weight:600!important;transition:all .2s!important;box-shadow:0 4px 12px #0f172a33!important}[data-theme=light] .pro-btn-primary:hover{transform:translateY(-1px);background:linear-gradient(#1e293b 0%,#334155 100%)!important;box-shadow:0 6px 16px #0f172a4d!important}[data-theme=light] .pro-btn-outline{color:#1e293b!important;background:#fff!important;border:1px solid #e2e8f0!important;font-weight:500!important;transition:all .2s!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!important}[data-theme=light] .user-avatar{color:#fff!important;background:linear-gradient(135deg,#059669,#10b981)!important;box-shadow:0 2px 8px #05966940!important}[data-theme=light] .user-dropdown{backdrop-filter:blur(10px);background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 10px 40px #0000001a,0 2px 10px #0000000f!important}[data-theme=light] .user-dropdown-header{background:linear-gradient(135deg,#f8fafc,#fff)!important;border-bottom:1px solid #f1f5f9!important;border-radius:12px 12px 0 0!important}[data-theme=light] .user-dropdown-name{font-weight:600;color:#1e293b!important}[data-theme=light] .user-dropdown-email,[data-theme=light] .user-dropdown-role{color:#64748b!important}[data-theme=light] .user-dropdown-item{color:#475569!important;border-radius:6px!important;margin:2px 6px!important;transition:all .15s!important}[data-theme=light] .user-dropdown-item:hover{color:#1e293b!important;background:linear-gradient(135deg,#f1f5f9,#f8fafc)!important}[data-theme=light] .pro-badge{color:#475569!important;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)!important;border:1px solid #e2e8f0!important;font-weight:500!important}[data-theme=light] .pro-badge-success{color:#059669!important;background:linear-gradient(135deg,#0596691f,#10b98114)!important;border:1px solid #05966933!important}[data-theme=light] .pro-badge-error{color:#dc2626!important;background:linear-gradient(135deg,#dc26261a,#ef44440f)!important;border:1px solid #dc262633!important}[data-theme=light] .pro-badge-warning{color:#d97706!important;background:linear-gradient(135deg,#d977061a,#f59e0b0f)!important;border:1px solid #d9770633!important}[data-theme=light] .pro-badge-info{color:#0369a1!important;background:linear-gradient(135deg,#0369a11a,#0ea5e90f)!important;border:1px solid #0369a133!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{background:linear-gradient(135deg,#f8fafc,#fff)!important;border-bottom:1px solid #f1f5f9!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{background:#fafbfc!important;border-top:1px solid #f1f5f9!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(#cbd5e1,#94a3b8);border:2px solid #f8fafc;border-radius:4px}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(#94a3b8,#64748b)}[data-theme=light] .user-dropdown-divider{background:linear-gradient(90deg,#0000,#e2e8f0,#0000)!important;height:1px!important}[data-theme=light] .pro-spinner{border-color:#059669 #10b981 #e2e8f0 #e2e8f0!important}[data-theme=light] .pro-noc{background:#f8fafc!important}[data-theme=light] .pro-header{background:0 0!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{color:#0f172a!important;background:#e2e8f0!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{box-sizing:border-box!important;background:#fff!important;border:none!important;border-radius:10px!important;min-height:100px!important;padding:14px 16px 14px 60px!important;transition:all .3s!important;box-shadow:0 8px 20px #0000000d!important}[data-theme=light] .noc-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px #00000014!important}[data-theme=light] .noc-card-header{background:0 0!important}[data-theme=light] .noc-card-title,[data-theme=light] .pro-kpi-title{color:#0f172a!important;font-size:13px!important;font-weight:500!important}[data-theme=light] .noc-card-subtitle{color:#6b7280!important;font-size:12px!important}[data-theme=light] .noc-value{color:#0f172a!important;margin:4px 0!important;font-size:24px!important;font-weight:700!important;line-height:1.2!important}[data-theme=light] .noc-label{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-size:11px!important;font-weight:500!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:0 0!important;padding:0!important;font-size:12px!important}[data-theme=light] .pro-kpi-change.negative{color:#dc2626!important;background:0 0!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 #05966926!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 #0000000d!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{color:#475569!important;background:#f8fafc!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{color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .ap-search-input::placeholder{color:#94a3b8!important}[data-theme=light] .ap-table th{color:#475569!important;background:#f8fafc!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 #05966926!important}[data-theme=light] .ap-overview-icon.warning{background:linear-gradient(135deg,#ef44441a,#dc26260d)!important;border:1px solid #ef444426!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:0 0!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{color:#059669!important;background:linear-gradient(135deg,#0596691f,#10b98114)!important;border:1px solid #05966933!important;font-weight:500!important}[data-theme=light] .status-warning{color:#d97706!important;background:linear-gradient(135deg,#d977061f,#f59e0b14)!important;border:1px solid #d9770633!important;font-weight:500!important}[data-theme=light] .status-critical,[data-theme=light] .status-offline{color:#dc2626!important;background:linear-gradient(135deg,#dc26261a,#ef44440f)!important;border:1px solid #dc262633!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{color:#dc2626!important;background:#dc262626!important}[data-theme=light] .severity-warning{color:#ca8a04!important;background:#ca8a0426!important}[data-theme=light] .severity-info{color:#0284c7!important;background:#0284c726!important}[data-theme=light] select{color:#0f172a!important;appearance:none!important;background-color:#fff!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-position:right 10px center!important;background-repeat:no-repeat!important;border:1px solid #e2e8f0!important;padding-right:32px!important}[data-theme=light] select:focus{border-color:#16a34a!important;outline:none!important}[data-theme=light] select option{color:#0f172a!important;background:#fff!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{color:#fff!important;background:#16a34a!important;border:none!important}[data-theme=light] .pro-btn.pro-btn-primary:hover{background:#15803d!important}[data-theme=light] .pro-kpi-row{background:0 0!important}[data-theme=light] .pro-kpi-card{background:#fff!important;border:1px solid #e2e8f0!important;min-height:100px!important;padding:14px 16px 14px 60px!important;box-shadow:0 1px 3px #0000001a!important}[data-theme=light] .pro-kpi-card:hover{background:#f8fafc!important;border-color:#cbd5e1!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;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-bottom:4px!important;display:flex!important}[data-theme=light] .pro-kpi-header svg{border-radius:8px!important;flex-shrink:0!important;width:32px!important;height:32px!important;padding:6px!important;position:absolute!important;top:50%!important;left:14px!important;transform:translateY(-50%)!important}[data-theme=light] .pro-kpi-label{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-size:11px!important;font-weight:500!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:0 0!important}[data-theme=light] .pro-chart-card{background:#fff!important;border:none!important;border-radius:10px!important;min-height:240px!important;transition:all .3s!important;box-shadow:0 8px 20px #0000000d!important}[data-theme=light] .pro-chart-card:hover{box-shadow:0 16px 36px #00000014!important}[data-theme=light] .pro-chart-header{background:0 0!important;border-bottom:1px solid #0000000d!important;padding:10px 14px!important}[data-theme=light] .pro-chart-title{color:#0f172a!important}[data-theme=light] .pro-chart-body{background:0 0!important}[data-theme=light] .pro-traffic-table{background:#fff!important}[data-theme=light] .pro-traffic-table th{color:#475569!important;background:#f8fafc!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:0 0!important}[data-theme=light] .pro-app-item{background:0 0!important;border:none!important;border-bottom:1px solid #0000000d!important;border-radius:0!important;padding:14px 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{color:#475569!important;background:#f8fafc!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{color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!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:0 0!important}[data-theme=light] .pro-pagination-btn{color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .pro-pagination-btn:hover{background:#f8fafc!important}[data-theme=light] .pro-pagination-btn.active{color:#fff!important;background:#16a34a!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:0 0!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:0 0!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:0 0!important}[data-theme=light] .pro-user-item{background:0 0!important;border:none!important;border-bottom:1px solid #0000000d!important;border-radius:0!important;padding:14px 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{color:#6b7280!important;background:#0000000a!important;font-size:12px!important;font-weight:500!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:0 0!important}[data-theme=light] .pro-chart-subtitle,[data-theme=light] .pro-loading{color:#64748b!important}[data-theme=light] .pro-empty-small,[data-theme=light] .pro-empty-small p{color:#64748b!important}[data-theme=light] .pro-stats-grid{background:0 0!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:0 0!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:0 0!important}[data-theme=light] .pro-health-metric{border-bottom:1px solid #0000000d!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:0 0!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{color:#fff!important;background:#dc2626!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{color:#0f172a!important;background:#f1f5f9!important;border:1px solid #e2e8f0!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{color:#475569!important;background:#f1f5f9!important}[data-theme=light] .pro-status-badge.status-healthy{color:#16a34a!important;background:#16a34a26!important}[data-theme=light] .pro-status-badge.status-offline{color:#dc2626!important;background:#dc262626!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:0 0!important}[data-theme=light] .pro-search input::placeholder{color:#94a3b8!important}[data-theme=light] .pro-select{color:#0f172a!important;background-color:#fff!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;border:1px solid #e2e8f0!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{color:#fff!important;background:#16a34a!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{color:#0f172a!important;background-color:#fff!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;border:1px solid #e2e8f0!important}[data-theme=light] .pro-select-large:focus{border-color:#16a34a!important}[data-theme=light] .pro-connection-status{color:#16a34a!important;background:#16a34a1a!important;border:1px solid #16a34a40!important}[data-theme=light] .pro-projects-table{background:#fff!important}[data-theme=light] .pro-projects-table th{color:#475569!important;background:#f8fafc!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{color:#3b82f6!important;background:#3b82f626!important}[data-theme=light] .pro-table-wrapper{background:#fff!important;border:none!important;border-radius:16px!important;overflow:visible!important;box-shadow:0 12px 28px #0000000f!important}[data-theme=light] .pro-table{border-collapse:separate!important;border-spacing:0!important;background:#fff!important}[data-theme=light] .pro-table th{color:#6b7280!important;text-transform:none!important;letter-spacing:0!important;background:#f8f9fb!important;border-bottom:1px solid #0000000d!important;padding:14px 20px!important;font-size:12px!important;font-weight:500!important}[data-theme=light] .pro-table th:first-child,[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 #0000000d!important;padding:14px 20px!important;font-size:11px!important;font-weight:400!important;transition:all .2s!important}[data-theme=light] .pro-table tr:hover td{background:#00000005!important}[data-theme=light] .pro-table tbody tr:nth-child(2n) td{background:0 0!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{color:#475569!important;background:0 0!important;border:1px solid #e2e8f0!important}[data-theme=light] .pro-btn-ghost:hover{color:#0f172a!important;background:#f1f5f9!important}[data-theme=light] .pro-description-cell,[data-theme=light] .pro-created-by-cell{color:#64748b!important}[data-theme=light] .pro-status-active{color:#16a34a!important;background:#16a34a26!important}[data-theme=light] .pro-status-inactive{color:#dc2626!important;background:#dc262626!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:0 0!important}[data-theme=light] .pro-user-search input::placeholder{color:#94a3b8!important}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;line-height:1.5;overflow:hidden}html{height:100vh;margin:0;padding:0;overflow:hidden}.app-layout{background:var(--bg-body);min-height:100vh}.top-nav{background:0 0;justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.nav-brand{color:var(--text-primary);align-items:center;gap:12px;text-decoration:none;display:flex}.nav-brand-icon{width:36px;height:36px;color:var(--wis-lime)}.nav-brand-text{letter-spacing:-.5px;font-size:20px;font-weight:700}.nav-links{gap:8px;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--radius-sm);padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:var(--bg-card)}.nav-actions{align-items:center;gap:12px;display:flex}.nav-icon-btn{background:var(--bg-card);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.nav-icon-btn:hover{color:var(--text-primary);background:var(--bg-card-light)}.dashboard-grid{grid-template-rows:auto auto;grid-template-columns:1.8fr 1fr;gap:20px;max-width:1600px;margin:0 auto;padding:0 32px 32px;display:grid}.flow-card{background:var(--bg-card);border-radius:var(--radius-xl);grid-row:span 2;padding:32px;position:relative;overflow:hidden}.flow-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.flow-title{letter-spacing:-2px;font-size:42px;font-weight:700;line-height:1}.flow-title-sub{color:var(--text-muted)}.flow-add-btn{background:var(--bg-card-light);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.flow-add-btn:hover{background:var(--bg-card-lighter)}.flow-visual{height:320px;margin:20px 0;position:relative}.flow-output{z-index:2;align-items:center;gap:16px;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.flow-output-box{background:linear-gradient(135deg, var(--wis-lime) 0%, var(--wis-lime-soft) 100%);border-radius:var(--radius-lg);color:#000;box-shadow:var(--shadow-glow-lime);padding:20px 28px}.flow-output-label{text-transform:uppercase;letter-spacing:1px;opacity:.8;font-size:12px;font-weight:700}.flow-output-value{align-items:center;gap:4px;font-size:20px;font-weight:700;display:flex}.flow-output-icon{background:var(--bg-card);width:52px;height:52px;color:var(--wis-blue);box-shadow:var(--shadow-glow-blue);border-radius:50%;justify-content:center;align-items:center;display:flex}.flow-paths{position:absolute;inset:0 180px}.flow-paths svg{width:100%;height:100%;overflow:visible}.flow-path{fill:none;stroke-width:3px;stroke-linecap:round}.flow-path-active{filter:drop-shadow(0 0 8px)}.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{z-index:2;flex-direction:column;justify-content:space-between;padding:10px 0;display:flex;position:absolute;top:0;bottom:0;right:0}.flow-port{align-items:center;gap:16px;display:flex}.flow-port-info{text-align:right}.flow-port-name{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.flow-port-value{font-size:18px;font-weight:700}.flow-port-toggle{background:var(--bg-card-light);cursor:pointer;border-radius:14px;width:52px;height:28px;transition:all .3s;position:relative}.flow-port-toggle:after{content:"";background:var(--text-muted);border-radius:50%;width:22px;height:22px;transition:all .3s;position:absolute;top:3px;left:3px}.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{border-top:1px solid var(--border-color);align-items:center;gap:48px;margin-top:24px;padding-top:24px;display:flex}.flow-stat{align-items:baseline;gap:8px;display:flex}.flow-stat-num{letter-spacing:-2px;font-size:56px;font-weight:700;line-height:1}.flow-stat-unit{color:var(--text-muted);font-size:24px;font-weight:500}.flow-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-left:8px;font-size:12px}.flow-load{background:var(--bg-card-light);border-radius:24px;align-items:center;gap:10px;margin-left:auto;padding:10px 20px;display:flex}.flow-load-dot{background:var(--wis-lime);border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulse}.flow-load-text{text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.device-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:28px;position:relative;overflow:hidden}.device-card:before{content:"";background:radial-gradient(circle, var(--wis-blue-glow) 0%, transparent 70%);pointer-events:none;width:200px;height:200px;position:absolute;top:-50px;right:-50px}.device-name{letter-spacing:-1px;margin-bottom:8px;font-size:32px;font-weight:700}.device-badge{background:linear-gradient(135deg, var(--wis-lime), var(--wis-blue));text-transform:uppercase;letter-spacing:.5px;color:#000;border-radius:20px;margin-bottom:24px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-block}.device-visual{background:linear-gradient(180deg, var(--bg-card-light) 0%, var(--bg-card) 100%);border-radius:var(--radius-lg);justify-content:center;align-items:center;height:160px;margin-bottom:24px;display:flex;position:relative}.device-visual svg{width:100px;height:100px;color:var(--wis-blue);opacity:.6}.device-power{background:var(--bg-card-light);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:20px;padding:20px;display:flex}.device-power-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:600}.device-power-btn{background:var(--bg-card);border:2px solid var(--border-light);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex}.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{text-transform:uppercase;letter-spacing:1px;text-align:center;margin-bottom:24px;font-size:16px;font-weight:700}.gauge-wrap{width:220px;height:130px;margin:0 auto 20px;position:relative}.gauge-svg{width:100%;height:100%}.gauge-bg{fill:none;stroke:var(--bg-card-light);stroke-width:14px;stroke-linecap:round}.gauge-fill{fill:none;stroke:url(#gaugeGrad);stroke-width:14px;stroke-linecap:round;transition:stroke-dashoffset .5s}.gauge-percent{letter-spacing:-2px;font-size:52px;font-weight:700;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.gauge-percent span{color:var(--text-muted);font-size:28px}.gauge-range{color:var(--text-muted);justify-content:space-between;padding:0 10px;font-size:12px;display:flex}.gauge-details{border-top:1px solid var(--border-color);grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;padding-top:24px;display:grid}.gauge-detail{text-align:center}.gauge-detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px}.gauge-detail-value{color:var(--wis-lime);font-size:15px;font-weight:700}.bottom-row{grid-column:1/-1;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;display:grid}.detail-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:24px}.detail-card-title{text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-size:16px;font-weight:700}.detail-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.detail-row{align-items:center;gap:12px;display:flex}.detail-icon{background:var(--bg-card-light);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.detail-text{flex:1}.detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.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);text-align:center;flex-direction:column;align-items:center;padding:24px;display:flex}.mini-card-icon{background:var(--bg-card-light);width:72px;height:72px;color:var(--wis-blue);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.mini-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px}.mini-card-value{font-size:24px;font-weight:700}.mini-card-sub{color:var(--text-muted);margin-top:4px;font-size:12px}.mini-card-toggle{align-items:center;gap:10px;margin-top:12px;display:flex}.mini-toggle{background:var(--bg-card-light);cursor:pointer;border-radius:13px;width:48px;height:26px;transition:all .3s;position:relative}.mini-toggle:after{content:"";background:var(--text-muted);border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:3px;left:3px}.mini-toggle.active{background:var(--wis-lime)}.mini-toggle.active:after{background:#000;left:25px}@keyframes pulse{0%,to{box-shadow:0 0 20px #3b82f666}50%{box-shadow:0 0 40px #3b82f6cc}}@keyframes flowAnim{0%{stroke-dashoffset:0}to{stroke-dashoffset:-30px}}.animate-flow{stroke-dasharray:15 10;animation:1.5s linear infinite flowAnim}.auth-container{-webkit-overflow-scrolling:touch;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden auto}.auth-container-centered{background:#0f172a!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:100vh!important;padding:20px!important;display:flex!important;position:relative!important}.auth-container-centered .auth-card{width:100%!important;max-width:400px!important;margin:0 auto!important}.auth-branding{background:#0f172a;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden}.auth-branding-image{object-fit:contain;width:100%;max-width:500px;height:auto;margin-bottom:24px}.auth-branding:after{display:none}.auth-branding-content{text-align:center}.auth-branding-logo,.auth-branding-logo img,.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{color:#fff!important;letter-spacing:-.5px!important;-webkit-text-fill-color:#fff!important;background:0 0!important;-webkit-background-clip:unset!important;background-clip:unset!important;margin-bottom:8px!important;font-size:28px!important;font-weight:700!important;display:block!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{max-width:400px;line-height:1.5;color:#ffffffb3!important;-webkit-text-fill-color:#ffffffb3!important;font-size:14px!important}.auth-form-side{background:#0f172a;justify-content:center;align-items:center;width:480px;min-width:420px;max-height:100vh;padding:40px;display:flex;overflow-y:auto}.auth-card{backdrop-filter:blur(10px);background:#1e293b;border:1px solid #334155;border-radius:16px;width:100%;max-width:380px;padding:32px;position:relative;overflow:hidden}.auth-page-home-btn{backdrop-filter:blur(8px);color:#94a3b8;cursor:pointer;z-index:100;background:#1e293be6;border:1px solid #334155;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:fixed;top:20px;left:20px}.auth-page-home-btn:hover{color:#a3e635;background:#a3e63526;border-color:#a3e635;transform:scale(1.05)}.auth-page-home-btn svg{width:20px;height:20px}@media (width<=1024px){.auth-form-side{width:400px;min-width:360px;padding:32px}.auth-branding-title{font-size:28px}}@media (width<=768px){.auth-container{-webkit-overflow-scrolling:touch;flex-direction:column;height:auto;min-height:100vh;overflow:hidden auto}.auth-branding{flex:none;min-height:auto;padding:24px 16px 16px}.auth-branding-image{max-width:200px;margin-bottom:12px}.auth-branding-content{padding:0}.auth-branding-logo img{width:50px;height:50px}.auth-branding-title{margin-bottom:4px!important;font-size:20px!important}.auth-branding-subtitle{max-width:280px;font-size:12px}.auth-form-side{flex:none;width:100%;min-width:auto;max-height:none;padding:16px;overflow-y:visible}.auth-card{border-radius:12px;max-width:100%;padding:20px 16px}.auth-card-signup{margin:8px 0 16px}.auth-page-home-btn{width:36px;height:36px;top:12px;left:12px}.auth-page-home-btn svg{width:16px;height:16px}.auth-header{margin-bottom:12px}.auth-logo-img{width:40px;height:40px}.auth-form{gap:4px}.auth-footer{margin-top:8px;padding-top:8px}}@media (width<=400px){.auth-branding{padding:20px 12px 12px}.auth-branding-image{max-width:160px}.auth-form-side{padding:12px}.auth-card{padding:16px 12px}}.auth-card:before{content:"";background:linear-gradient(90deg, var(--wis-lime), var(--wis-blue));height:3px;position:absolute;top:0;left:0;right:0}.auth-header{text-align:center;margin-bottom:16px}.auth-logo{color:var(--wis-lime);justify-content:center;align-items:center;margin-bottom:12px;display:flex}.auth-logo-img{object-fit:contain;border-radius:12px;width:50px;height:50px}.auth-title,.auth-card .auth-title,.auth-container .auth-title,[data-theme=light] .auth-title,[data-theme=dark] .auth-title{letter-spacing:-.3px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:0 0!important;margin-bottom:4px!important;font-size:18px!important;font-weight:600!important}.auth-subtitle,.auth-card .auth-subtitle,.auth-container .auth-subtitle,[data-theme=light] .auth-subtitle,[data-theme=dark] .auth-subtitle{color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important;font-size:12px!important}.auth-form{flex-direction:column;gap:6px;display:flex}.auth-error{border-radius:var(--radius-md);color:var(--wis-red);background:#ff47571a;border:1px solid #ff47574d;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.auth-success{border-radius:var(--radius-md);color:var(--wis-lime);background:#39ff141a;border:1px solid #39ff144d;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.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{backdrop-filter:blur(4px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-popup-modal{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #39ff1433;border-radius:16px;width:90%;max-width:420px;padding:40px;animation:.3s ease-out slideUp;box-shadow:0 25px 50px -12px #00000080,0 0 30px #39ff141a}.auth-popup-content{text-align:center}.auth-popup-icon{justify-content:center;margin-bottom:24px;display:flex}.auth-popup-icon svg{filter:drop-shadow(0 0 10px #39ff1480)}.auth-popup-title{margin-bottom:12px;font-size:24px;font-weight:700;color:#fff!important;-webkit-text-fill-color:#fff!important}.auth-popup-message{color:#94a3b8;margin-bottom:28px;font-size:14px;line-height:1.6}.auth-popup-modal .btn{margin-top:8px}@media (width<=480px){.auth-popup-modal{margin:16px;padding:28px 20px}.auth-popup-title{font-size:20px}.auth-popup-icon svg{width:48px;height:48px}}.auth-footer{text-align:center;color:#94a3b8;border-top:1px solid #33415580;margin-top:12px;padding-top:12px;font-size:11px}.auth-link{color:var(--wis-lime);font-size:11px;font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-form-side-scroll{align-items:flex-start;padding:24px 40px;overflow-y:auto}.auth-card-signup{max-width:420px;margin:20px 0}.auth-section{flex-direction:column;gap:12px;margin-bottom:8px;display:flex}.auth-section-title{text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important;font-size:11px!important;font-weight:600!important}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=768px){.form-row{grid-template-columns:1fr}.auth-form-side-scroll{align-items:center;padding:16px}.auth-card-signup{max-width:100%}.auth-section{gap:8px;margin-bottom:4px}}.auth-card .form-input{color:#fff!important;background:#0f172acc!important;border:1px solid #33415599!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{flex-direction:column;gap:2px;display:flex}.form-label{color:#fff;font-size:11px!important;font-weight:600!important}.form-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);padding:10px 12px;transition:all .2s;font-size:12px!important;font-weight:500!important}.form-input:focus{border-color:var(--wis-lime);box-shadow:0 0 0 3px var(--wis-lime-glow);outline:none}.form-input::placeholder{color:var(--text-muted)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-input-error{background:#ef44440d;border-color:#ef4444!important}.form-input-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444426!important}.form-error{color:#ef4444;margin-top:4px;font-size:12px;font-weight:500;display:block}.form-textarea{resize:vertical;min-height:80px}.form-hint{color:var(--text-muted);font-size:12px}.form-actions{justify-content:flex-end;display:flex}.forgot-link{color:var(--wis-blue);font-size:12px;font-weight:500;text-decoration:none}.forgot-link:hover{text-decoration:underline}.password-input-wrapper{position:relative}.password-input-wrapper .form-input{padding-right:50px}.password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-secondary)}.checkbox-label{cursor:pointer;align-items:center;gap:12px;display:flex}.checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:var(--wis-lime)}.checkbox-text{color:var(--text-secondary);font-size:14px}.otp-input{text-align:center;letter-spacing:10px;font-family:monospace;font-size:28px}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.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{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-badge{border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.online{color:var(--wis-lime);background:#39ff1426}.status-badge.offline{color:var(--wis-red);background:#ff475726}.status-badge.warning{color:var(--wis-yellow);background:#ffc10726}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.loading{min-height:100vh;color:var(--text-secondary);justify-content:center;align-items:center;font-size:16px;display:flex}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border-color);padding:14px 18px}th{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-size:11px;font-weight:600}tr:hover td{background:var(--bg-card-light)}@media (width<=1200px){.dashboard-grid{grid-template-columns:1fr}.flow-card{grid-row:auto}.bottom-row{grid-template-columns:1fr 1fr}}@media (width<=768px){.top-nav{padding:12px 16px}.nav-links{display:none}.dashboard-grid{gap:16px;padding:0 16px 16px}.bottom-row{grid-template-columns:1fr}.flow-visual{height:200px}.detail-grid{grid-template-columns:1fr}}.app-layout{gap:0;height:100vh;margin:0;padding:0;display:flex;overflow:hidden}.sidebar{z-index:100;background:#0d1117;border-right:1px solid #2d333d66;flex-direction:column;align-items:center;width:68px;height:100vh;margin:0;padding:12px 0;display:flex;position:fixed;top:0;left:0}.sidebar-logo{width:64px;height:64px;color:var(--wis-lime,#b6ff00);filter:drop-shadow(0 0 8px #b6ff004d);justify-content:center;align-items:center;margin-bottom:28px;text-decoration:none;display:flex}.sidebar-nav{scrollbar-width:thin;scrollbar-color:var(--wis-border,#30363d) transparent;flex-direction:column;flex:1;gap:6px;padding:0 10px;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.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{color:#8b9199b3;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;text-decoration:none;transition:all .25s;display:flex;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:"";background:var(--wis-lime,#b6ff00);width:3px;height:20px;box-shadow:0 0 10px var(--wis-lime,#b6ff00);border-radius:0 2px 2px 0;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.sidebar-footer{border-top:1px solid #30363d80;flex-direction:column;align-items:center;gap:4px;margin-top:auto;padding-top:12px;display:flex}.nav-item.theme-active{color:#fbbf24!important}.nav-item.theme-active:hover{background:#fbbf241a;color:#fbbf24!important}.nav-item.logout-btn:hover{background:#ef44441a;color:#ef4444!important}.sidebar-nav .animate-spin{animation:1s linear infinite sidebar-spin}@keyframes sidebar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-content{flex-direction:column;flex:1;max-width:calc(100vw - 52px);height:100vh;margin-top:0;margin-left:52px;padding:0;display:flex;overflow:hidden auto}.top-header{z-index:50;background:#0d1117;border-bottom:1px solid #2d333d66;align-items:center;gap:16px;height:48px;min-height:48px;margin:0;padding:0 16px;display:flex;position:sticky;top:0}.header-brand{align-items:center;gap:8px;margin:0;padding:0;display:flex}.brand-name{letter-spacing:-.5px;margin:0;padding:0;font-size:18px;font-weight:700}.network-pulse-container{align-items:center;height:40px;margin-left:20px;display:flex}.network-line{align-items:center;width:280px;height:40px;display:flex;position:relative}.network-line:before{content:"";background:linear-gradient(90deg,#7ed3211a 0%,#7ed3214d 20% 80%,#7ed3211a 100%);height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.network-line:after{content:"";opacity:.6;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") 50%/100% 100% no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.network-pulse{filter:blur(8px);background:linear-gradient(90deg,#0000 0%,#7ed321cc 50%,#0000 100%);width:60px;height:100%;animation:2.5s ease-in-out infinite heartbeatSweep;position:absolute;top:0;left:-60px}.network-dot{background:var(--wis-lime,#7ed321);width:6px;height:6px;box-shadow:0 0 8px var(--wis-lime,#7ed321), 0 0 16px #7ed32199;border-radius:50%;animation:1.2s ease-in-out infinite heartbeatPulse;position:absolute;top:50%;transform:translateY(-50%)}.network-dot.dot-1{animation-delay:0s;left:65px}.network-dot.dot-2{animation-delay:.4s;left:165px}.network-dot.dot-3{animation-delay:.8s;left:260px}@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%{opacity:0;left:-60px}10%{opacity:.8}90%{opacity:.8}to{opacity:0;left:280px}}.org-selector{position:relative}.org-selector-btn{background:var(--bg-card-light);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:13px;transition:all .2s;display:flex}.org-selector-btn:hover{background:var(--bg-card-lighter)}.org-dropdown{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-card);z-index:100;margin-top:4px;position:absolute;top:100%;left:0;overflow:hidden}.org-dropdown-item{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:12px 16px;font-size:14px;transition:all .2s;display:block}.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{gap:8px;margin-left:auto;display:flex}.header-nav-link{color:var(--text-secondary);border-radius:var(--radius-sm);padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.header-nav-link:hover,.header-nav-link.active{color:var(--text-primary);background:var(--bg-card-light)}.header-search{background:var(--bg-card);border:2px solid var(--border-color);border-radius:10px;flex:1;align-items:center;gap:10px;min-width:280px;max-width:400px;padding:10px 16px;transition:all .2s;display:flex;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{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:6px 0;font-size:14px;font-weight:500}.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;text-shadow:none!important;font-weight:700!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;width:52px!important;height:48px!important;margin:0!important;padding:6px!important;box-shadow:0 2px 6px #0000000f!important}[data-theme=light] .sidebar-logo-img{filter:none!important;opacity:1!important;object-fit:contain!important;border-radius:4px!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!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{align-items:center;gap:12px;display:flex}.header-icon-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.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}.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{cursor:pointer;background:0 0;border:none;padding:0}.user-avatar{background:linear-gradient(135deg, var(--wis-lime), var(--wis-blue));color:#000;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.user-dropdown{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:220px;box-shadow:var(--shadow-card);z-index:100;margin-top:8px;position:absolute;top:100%;right:0;overflow:hidden}.user-dropdown-header{border-bottom:1px solid var(--border-color);padding:16px}.user-dropdown-name{font-size:14px;font-weight:600}.user-dropdown-email{color:var(--text-muted);margin-top:2px;font-size:12px}.user-dropdown-role{background:var(--bg-card-light);text-transform:uppercase;color:var(--wis-blue);border-radius:10px;margin-top:8px;padding:4px 8px;font-size:10px;display:inline-block}.user-dropdown-divider{background:var(--border-color);height:1px}.user-dropdown-item{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.user-dropdown-item:hover{background:var(--bg-card-light);color:var(--text-primary)}.dropdown-overlay{z-index:90;position:fixed;inset:0}.page-content{flex:1;max-width:100%;margin:0;padding:16px;overflow:auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header-content{flex-direction:column;gap:4px;display:flex}.page-title{letter-spacing:-.5px;font-size:24px;font-weight:700}.page-subtitle{color:var(--text-muted);font-size:14px}.content-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:24px}.card-title{margin-bottom:8px;font-size:18px;font-weight:700}.card-title.danger{color:var(--wis-red)}.card-description{color:var(--text-muted);margin-bottom:24px;font-size:14px}.selector-row{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.selector-group{flex-direction:column;gap:6px;display:flex}.selector-label{text-transform:none;letter-spacing:.3px;align-items:center;gap:6px;display:flex;color:#fff!important;font-size:14px!important;font-weight:600!important}.selector-select{background:var(--bg-input);border:1px solid var(--wis-lime);border-radius:var(--radius-sm);cursor:pointer;min-width:200px;padding:12px 16px;color:#fff!important;font-size:15px!important;font-weight:600!important}.selector-select:focus{border-color:var(--wis-blue);outline:none}.selector-select:disabled{opacity:.5;cursor:not-allowed}.status-badge.success{color:var(--wis-lime);background:#39ff1426}.table-controls{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.search-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex:1;align-items:center;gap:10px;max-width:320px;padding:10px 16px;display:flex}.search-input input{color:var(--text-primary);background:0 0;border:none;flex:1;font-size:14px}.search-input input:focus{outline:none}.search-input input::placeholder,.search-input svg{color:var(--text-muted)}.table-info{color:var(--text-muted);font-size:13px}.table-info strong{color:var(--text-primary)}.data-table{overflow-x:auto}.data-table table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:14px 16px}.data-table th{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;background:var(--bg-card-light);font-size:11px;font-weight:600}.data-table tr:hover td{background:var(--bg-card-light)}.font-mono{font-family:ui-monospace,SFMono-Regular,SF Mono,monospace;font-size:13px}.text-muted{color:var(--text-muted)}.badge{text-transform:uppercase;background:var(--bg-card-light);color:var(--text-secondary);border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-lime{color:var(--wis-lime);background:#39ff1426}.badge-blue{color:var(--wis-blue);background:#00a8ff26}.badge-red{color:var(--wis-red);background:#ff475726}.status-indicator{align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.status-indicator:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.status-indicator.online{color:var(--wis-lime)}.status-indicator.offline{color:var(--wis-red)}.action-buttons{gap:8px;display:flex}.btn-icon{background:var(--bg-card-light);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.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{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;display:flex}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state svg{opacity:.5;margin-bottom:16px}.empty-state h3{color:var(--text-primary);margin-bottom:8px;font-size:18px}.empty-state p{margin-bottom:20px;font-size:14px}.empty-state.small{padding:40px 20px}.loading-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.loading-spinner{border:3px solid var(--border-color);border-top-color:var(--wis-blue);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:.8s linear infinite spin}.loading-screen{background:var(--bg-body);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.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%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-text{width:80%;height:16px;margin-bottom:8px}.skeleton-title{width:60%;height:24px;margin-bottom:12px}.skeleton-card{min-height:280px;padding:16px}.skeleton-kpi{min-height:88px}.modal-overlay{z-index:200;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:480px;overflow:hidden}.modal-lg{max-width:700px}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{font-size:18px;font-weight:700}.modal-close{background:var(--bg-card-light);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close:hover{color:var(--text-primary);background:var(--bg-card-lighter)}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.stats-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--bg-card);border-radius:var(--radius-md);align-items:center;gap:10px;padding:12px 14px;display:flex}.stat-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stat-icon svg{width:18px;height:18px}.stat-icon.blue{color:var(--wis-blue);background:#00a8ff26}.stat-icon.lime{color:var(--wis-lime);background:#39ff1426}.stat-icon.red{color:var(--wis-red);background:#ff475726}.stat-content{flex:1}.stat-value{font-size:20px;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);margin-top:2px;font-size:11px}.ap-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.ap-card{background:var(--bg-card-light);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:20px;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{opacity:.8;border-color:#ff47574d}.ap-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ap-icon{background:var(--bg-card);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--wis-blue);justify-content:center;align-items:center;display:flex}.ap-status{text-transform:uppercase;border-radius:10px;padding:4px 10px;font-size:11px;font-weight:600}.ap-status.online{color:var(--wis-lime);background:#39ff1426}.ap-status.offline{color:var(--wis-red);background:#ff475726}.ap-card-body{margin-bottom:16px}.ap-name{margin-bottom:12px;font-size:16px;font-weight:600}.ap-info{flex-direction:column;gap:8px;display:flex}.ap-info-row{justify-content:space-between;font-size:13px;display:flex}.ap-info-label{color:var(--text-muted)}.ap-info-value{color:var(--text-primary)}.ap-card-footer{border-top:1px solid var(--border-color);padding-top:16px}.logs-container{flex-direction:column;gap:12px;display:flex}.log-entry{background:var(--bg-card-light);border-radius:var(--radius-md);border-left:3px solid var(--text-muted);padding:16px}.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{align-items:center;gap:12px;margin-bottom:8px;display:flex}.log-timestamp{color:var(--text-muted);font-family:monospace;font-size:12px}.log-level{text-transform:uppercase;background:var(--bg-card);border-radius:8px;padding:2px 8px;font-size:10px;font-weight:600}.log-source{color:var(--wis-blue);font-size:12px}.log-message{font-size:14px;line-height:1.5}.log-details{margin-top:12px}.log-details summary{color:var(--text-muted);cursor:pointer;font-size:12px}.log-details pre{background:var(--bg-input);border-radius:var(--radius-sm);max-height:200px;margin-top:8px;padding:12px;font-size:12px;overflow-x:auto}.settings-layout{grid-template-columns:200px 1fr;gap:24px;display:grid}.settings-nav{flex-direction:column;gap:4px;display:flex}.settings-nav-item{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:12px 16px;font-size:14px;transition:all .2s;display:flex}.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{flex-direction:column;gap:20px;display:flex}.preference-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.preference-info h3{margin-bottom:4px;font-size:14px;font-weight:600}.preference-info p{color:var(--text-muted);font-size:13px}.toggle-switch{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.toggle-switch.active{color:var(--wis-lime)}.danger-actions{flex-direction:column;gap:16px;display:flex}.danger-item{border-radius:var(--radius-md);background:#ff47570d;border:1px solid #ff475733;justify-content:space-between;align-items:center;padding:16px;display:flex}.danger-info h3{margin-bottom:4px;font-size:14px;font-weight:600}.danger-info p{color:var(--text-muted);font-size:13px}.alert{border-radius:var(--radius-md);margin-bottom:20px;padding:12px 16px;font-size:14px}.alert-success{color:var(--wis-lime);background:#39ff141a;border:1px solid #39ff144d}.alert-error{color:var(--wis-red);background:#ff47571a;border:1px solid #ff47574d}.pending-card{border:1px solid #ffc1074d}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-header-left{color:var(--wis-yellow);align-items:center;gap:10px;display:flex}.card-header-left h3{color:var(--text-primary);font-size:16px;font-weight:600}.pending-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.pending-item{background:var(--bg-card-light);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:16px;display:flex}.pending-info{flex:1;min-width:0}.pending-name{margin-bottom:4px;font-size:14px;font-weight:600}.pending-email{color:var(--text-muted);margin-bottom:8px;font-size:12px}.pending-meta{gap:8px;display:flex}.detail-section{margin-bottom:24px}.detail-section h3{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:16px;font-size:14px;font-weight:600}.detail-json{background:var(--bg-input);border-radius:var(--radius-sm);max-height:300px;padding:16px;font-family:monospace;font-size:12px;overflow-x:auto}a.mini-card{color:inherit;text-decoration:none;transition:all .2s}a.mini-card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.tabs-container{background:var(--bg-card);border-radius:var(--radius-xl);overflow:hidden}.tabs-header{border-bottom:1px solid var(--border-color);gap:4px;padding:16px 24px;display:flex;overflow-x:auto}.tab-btn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.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{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.org-card{background:var(--bg-card-light);border-radius:var(--radius-lg);border:1px solid var(--border-color);cursor:pointer;padding:20px;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{align-items:center;gap:16px;margin-bottom:16px;display:flex}.org-avatar{background:linear-gradient(135deg, var(--wis-lime), var(--wis-blue));border-radius:var(--radius-md);color:#000;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}.org-info{flex:1}.org-name{margin-bottom:4px;font-size:16px;font-weight:600}.org-email{color:var(--text-muted);font-size:13px}.org-details{margin-bottom:16px}.org-detail{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.org-actions{border-top:1px solid var(--border-color);gap:8px;padding-top:16px;display:flex}.interface-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.interface-card{background:var(--bg-card-light);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:20px}.interface-card.up{border-color:#39ff144d}.interface-card.down{opacity:.7;border-color:#ff47574d}.interface-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.interface-icon{background:var(--bg-card);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--wis-blue);justify-content:center;align-items:center;display:flex}.interface-name{margin-bottom:4px;font-size:16px;font-weight:600}.interface-type{color:var(--text-muted);font-size:12px}.interface-details{flex-direction:column;gap:8px;display:flex}.interface-detail{justify-content:space-between;font-size:13px;display:flex}.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{gap:12px;display:flex}.device-status-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.device-info{align-items:center;gap:16px;display:flex}.device-avatar{background:var(--bg-card-light);border-radius:var(--radius-lg);width:56px;height:56px;color:var(--wis-blue);justify-content:center;align-items:center;display:flex}.device-meta h2{margin-bottom:4px;font-size:20px;font-weight:700}.device-type{color:var(--text-muted);text-transform:capitalize;font-size:13px}.device-quick-info{flex-wrap:wrap;gap:32px;display:flex}.quick-info-item{flex-direction:column;gap:4px;display:flex}.quick-info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.quick-info-value{font-size:14px;font-weight:500}.status-badge.error{color:var(--wis-red);background:#ff475726}.info-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.info-item{flex-direction:column;gap:4px;display:flex}.info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.info-value{font-size:14px;font-weight:500}.bandwidth-stats{flex-wrap:wrap;gap:24px;display:flex}.bandwidth-item{background:var(--bg-card-light);border-radius:var(--radius-md);align-items:center;gap:12px;padding:16px 24px;display:flex}.bandwidth-item.upload svg{color:var(--wis-lime)}.bandwidth-item.download svg{color:var(--wis-blue)}.bandwidth-label{color:var(--text-muted);font-size:12px;display:block}.bandwidth-value{font-size:18px;font-weight:700;display:block}.signal-strength{border-radius:8px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.signal-strength.excellent{color:var(--wis-lime);background:#39ff1426}.signal-strength.good{color:var(--wis-yellow);background:#ffc10726}.signal-strength.poor{color:var(--wis-red);background:#ff475726}.log-viewer{background:var(--bg-input);border-radius:var(--radius-md);max-height:400px;padding:16px;overflow-y:auto}.log-line{border-bottom:1px solid var(--border-color);padding:4px 0}.log-line:last-child{border-bottom:none}.log-line pre{white-space:pre-wrap;word-break:break-all;color:var(--text-secondary);margin:0;font-family:monospace;font-size:12px}.config-actions{flex-wrap:wrap;gap:12px;display:flex}.maintenance-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.maintenance-card{background:var(--bg-card-light);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--border-color);padding:24px}.maintenance-icon{background:var(--bg-card);width:64px;height:64px;color:var(--wis-blue);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.maintenance-card h3{margin-bottom:8px;font-size:16px;font-weight:600}.maintenance-card p{color:var(--text-muted);margin-bottom:16px;font-size:13px}.action-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.action-card{background:var(--bg-card-light);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--border-color);cursor:pointer;padding:20px;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{background:var(--bg-card);border-radius:var(--radius-md);width:48px;height:48px;color:var(--wis-blue);justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.action-card.danger .action-icon{color:var(--wis-red)}.action-card h4{margin-bottom:4px;font-size:14px;font-weight:600}.action-card p{color:var(--text-muted);font-size:12px}.rule-status{align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.rule-status:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.rule-status.active{color:var(--wis-lime)}.rule-status.inactive{color:var(--text-muted)}.auth-method-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.auth-method-card{background:var(--bg-card-light);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:24px}.auth-method-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.auth-method-icon{background:var(--bg-card);border-radius:var(--radius-md);width:48px;height:48px;color:var(--wis-blue);justify-content:center;align-items:center;display:flex}.auth-method-info h3{margin-bottom:4px;font-size:16px;font-weight:600}.auth-method-info p{color:var(--text-muted);font-size:12px}.auth-method-body{margin-bottom:16px}.auth-method-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.toggle{background:var(--bg-card);cursor:pointer;border:none;border-radius:13px;width:48px;height:26px;transition:all .3s;position:relative}.toggle:after{content:"";background:var(--text-muted);border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:3px;left:3px}.toggle.active{background:var(--wis-lime)}.toggle.active:after{background:#000;left:25px}.coupon-stats{gap:24px;margin-bottom:24px;display:flex}.coupon-stat{background:var(--bg-card-light);border-radius:var(--radius-md);padding:16px 24px}.coupon-stat-label{color:var(--text-muted);margin-bottom:4px;font-size:12px}.coupon-stat-value{font-size:24px;font-weight:700}.isp-status{background:var(--bg-card-light);border-radius:var(--radius-lg);align-items:center;gap:24px;margin-bottom:24px;padding:20px;display:flex}.isp-status-icon{background:var(--bg-card);width:64px;height:64px;color:var(--wis-lime);border-radius:50%;justify-content:center;align-items:center;display:flex}.isp-status-info h3{margin-bottom:4px;font-size:18px;font-weight:600}.isp-status-info p{color:var(--text-muted);font-size:14px}.firewall-rules{flex-direction:column;gap:12px;display:flex}.firewall-rule{background:var(--bg-card-light);border-radius:var(--radius-md);border-left:3px solid var(--wis-blue);justify-content:space-between;align-items:center;padding:16px;display:flex}.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{margin-bottom:4px;font-weight:600}.firewall-rule-details{color:var(--text-muted);font-size:12px}.routing-table{flex-direction:column;gap:8px;display:flex}.route-entry{background:var(--bg-card-light);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:16px;padding:12px 16px;font-size:13px;display:grid}.route-entry span{font-family:monospace}@media (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{text-align:center;flex-direction:column}.coupon-stats{flex-direction:column}}:root{--phoenix-lime:#b6ff00;--phoenix-lime-secondary:#9be000;--phoenix-lime-dim:#b6ff0059;--phoenix-lime-glow:#b6ff0040;--phoenix-lime-soft:#b6ff001f;--flow-wan:#b6ff00;--flow-lan:#9be000;--flow-wifi:#7bc000;--flow-vpn:#5a9000;--phoenix-orange:#ff8c00;--phoenix-orange-dim:#ff8c004d;--phoenix-amber:#ffb800;--phoenix-red:#ff4d4d;--phoenix-dark:#0f1115;--phoenix-dark-elevated:#1a1d24;--phoenix-card:#1c2027;--phoenix-card-light:#252a33;--phoenix-card-glass:#1e222ad9;--phoenix-border:#2d333d;--phoenix-border-glow:#b6ff004d}.phoenix-dashboard{background:radial-gradient(circle at 1px 1px, #ffffff08 1px, transparent 0), var(--phoenix-dark);background-size:24px 24px,100% 100%;flex-direction:column;gap:16px;min-height:calc(100vh - 60px);padding:0;display:flex}.phoenix-top-row{grid-template-columns:1fr 320px;gap:16px;min-height:420px;display:grid}.phoenix-flow-card{background:var(--phoenix-card);border-radius:20px;flex-direction:column;padding:28px;display:flex;position:relative}.phoenix-flow-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.phoenix-flow-title{letter-spacing:3px;color:#fff;font-size:32px;font-weight:700;line-height:1.1}.phoenix-add-port-btn{background:var(--phoenix-card-light);border:1px solid var(--phoenix-border);color:#8b9199;letter-spacing:1px;cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.phoenix-add-port-btn:hover{border-color:var(--phoenix-lime);color:var(--phoenix-lime)}.phoenix-flow-content{flex:1;grid-template-columns:160px 1fr 180px;align-items:center;gap:20px;display:grid}.phoenix-flow-left{flex-direction:column;gap:16px;display:flex}.phoenix-throughput{margin-bottom:12px}.phoenix-throughput-label{color:#6b7280;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px;font-size:9px;display:block}.phoenix-throughput-value{align-items:center;gap:6px;display:flex}.phoenix-throughput-value svg:first-child{color:#fff}.phoenix-throughput-num{color:#fff;font-size:42px;font-weight:700;line-height:1}.phoenix-throughput-unit{color:#6b7280;margin-left:2px;font-size:14px}.phoenix-output-box{background:linear-gradient(135deg, var(--phoenix-lime) 0%, var(--phoenix-lime-secondary) 100%);border-radius:14px;margin-bottom:10px;padding:16px 18px;position:relative;overflow:hidden;box-shadow:0 4px 20px #b6ff0040,inset 0 1px #ffffff4d,inset 0 -1px #0000001a}.phoenix-output-box:before{content:"";pointer-events:none;background:linear-gradient(#fff3 0%,#fff0 100%);height:50%;position:absolute;top:0;left:0;right:0}.phoenix-output-label{letter-spacing:1.5px;color:#0000008c;align-items:center;gap:6px;font-size:9px;font-weight:700;display:flex}.phoenix-output-label:after{content:"AI MANAGED";letter-spacing:.5px;background:#00000026;border-radius:4px;padding:2px 6px;font-size:7px}.phoenix-output-value{color:#000;align-items:center;gap:4px;font-size:20px;font-weight:800;display:flex}.phoenix-output-value span{font-size:11px;font-weight:500}.phoenix-output-value svg{color:#0009}.phoenix-output-icon{color:#000;background:#00000026;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.phoenix-interface-stats{flex-direction:column;gap:6px;display:flex}.phoenix-stat-row{align-items:center;gap:6px;display:flex}.phoenix-stat-name{color:#6b7280;width:36px;font-size:11px}.phoenix-stat-value{color:#fff;min-width:32px;font-size:15px;font-weight:600}.phoenix-stat-unit{color:#6b7280;font-size:9px}.phoenix-stat-row svg{margin-left:4px}.phoenix-flow-visual{align-items:center;height:240px;display:flex;position:relative}.phoenix-flow-visual svg{width:100%;height:100%}.phoenix-flow-path{fill:none;stroke-linecap:round;transition:all .3s}.phoenix-flow-path.wan{stroke:var(--flow-wan);stroke-width:7px;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:3s ease-in-out infinite flowPulse}.phoenix-flow-path.lan{stroke:var(--flow-lan);stroke-width:5px;filter:drop-shadow(0 0 3px var(--flow-lan)) drop-shadow(0 0 10px var(--phoenix-lime-glow));animation:3s ease-in-out .5s infinite flowPulse}.phoenix-flow-path.wifi{stroke:var(--flow-wifi);stroke-width:4px;filter:drop-shadow(0 0 2px var(--flow-wifi)) drop-shadow(0 0 8px #7bc0004d);animation:3s ease-in-out 1s infinite flowPulse}.phoenix-flow-path.vpn{stroke:var(--flow-vpn);stroke-width:3px;filter:drop-shadow(0 0 2px var(--flow-vpn));animation:3s ease-in-out 1.5s infinite flowPulse}.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:-50px}}.phoenix-ribbon{opacity:.95;transition:opacity .3s}.phoenix-ribbon.wan{opacity:1;filter:drop-shadow(0 0 8px #b6ff0066)}.phoenix-ribbon.lan{opacity:.9;filter:drop-shadow(0 0 5px #9be0004d)}.phoenix-ribbon.wifi{opacity:.85;filter:drop-shadow(0 0 3px #7bc00040)}.phoenix-ribbon.vpn{opacity:.75;filter:drop-shadow(0 0 2px #5a900033)}@keyframes ribbonPulse{0%,to{opacity:1;filter:drop-shadow(0 0 8px #b6ff0066)}50%{opacity:.9;filter:drop-shadow(0 0 12px #b6ff0099)}}.phoenix-ribbon.wan{animation:4s ease-in-out infinite ribbonPulse}.phoenix-flow-right{flex-direction:column;gap:12px;display:flex}.phoenix-endpoint-card{background:var(--phoenix-card-light);border:1px solid var(--phoenix-border);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:all .25s;display:flex}.phoenix-endpoint-card:hover{border-color:var(--phoenix-border-glow);background:#252a33e6}.phoenix-endpoint-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:2s ease-in-out infinite dotPulse}.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{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.15)}}.phoenix-endpoint-label{color:#8b9199;letter-spacing:.5px;min-width:42px;font-size:11px;font-weight:600}.phoenix-endpoint-value{color:#fff;text-align:right;min-width:48px;margin-left:auto;font-size:22px;font-weight:700}.phoenix-endpoint-unit{color:#6b7280;margin-right:8px;font-size:10px}.phoenix-endpoint-btn{border:1px solid var(--phoenix-border);color:#6b7280;cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.phoenix-endpoint-btn:hover{border-color:var(--phoenix-lime);color:var(--phoenix-lime);background:var(--phoenix-lime-soft)}.phoenix-port-row{align-items:center;gap:10px;display:flex}.phoenix-port-value{color:#fff;text-align:right;min-width:56px;font-size:28px;font-weight:700}.phoenix-port-unit{color:#6b7280;width:28px;font-size:10px}.phoenix-port-slider{background:var(--phoenix-card-light);border-radius:5px;flex:1;height:10px;position:relative;overflow:visible}.phoenix-port-slider-fill{background:var(--phoenix-orange);border-radius:5px;height:100%;transition:width .3s}.phoenix-port-slider-thumb{background:var(--phoenix-card);border:2px solid var(--phoenix-orange);border-radius:50%;width:14px;height:14px;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.phoenix-port-btn{background:var(--phoenix-card-light);border:1px solid var(--phoenix-border);color:#6b7280;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;font-size:18px;font-weight:300;display:flex}.phoenix-port-btn:hover{border-color:var(--phoenix-lime);color:var(--phoenix-lime)}.phoenix-ai-insight{background:linear-gradient(135deg,#252a33f2 0%,#1c2027fa 100%);border:1px solid #b6ff0026;border-radius:16px;align-items:center;gap:16px;margin-top:auto;padding:18px 22px;display:flex;position:relative;overflow:hidden}.phoenix-ai-insight:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#b6ff004d 0%,#0000 50%,#b6ff001a 100%);border-radius:16px;padding:1px;position:absolute;inset:0;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.phoenix-ai-icon{background:linear-gradient(135deg, var(--phoenix-lime) 0%, var(--phoenix-lime-secondary) 100%);color:#000;width:44px;height:44px;box-shadow:0 0 20px var(--phoenix-lime-glow), 0 4px 12px #0000004d;border-radius:12px;justify-content:center;align-items:center;animation:3s ease-in-out infinite aiPulse;display:flex}@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{flex-direction:column;flex:1;gap:6px;display:flex}.phoenix-ai-label{color:var(--phoenix-lime);letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.phoenix-ai-label:after{content:"";background:var(--phoenix-lime);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite aiDot}@keyframes aiDot{0%,to{opacity:1}50%{opacity:.4}}.phoenix-ai-message{color:#fff;font-size:13px;font-weight:500;line-height:1.4}.phoenix-ai-message:before{content:"✓ ";color:var(--phoenix-lime)}.phoenix-ai-confidence{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.phoenix-ai-confidence-label{color:#6b7280;letter-spacing:1px;text-transform:uppercase;font-size:8px}.phoenix-ai-confidence-value{color:var(--phoenix-lime);font-size:18px;font-weight:700}.phoenix-ai-timestamp{color:#4b5563;margin-top:2px;font-size:9px}.phoenix-gateway-card{background:var(--phoenix-card);border-radius:20px;flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.phoenix-gateway-card:before{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#c8ff0008 50%,#ff8c000d 100%);width:100%;height:100%;position:absolute;top:0;right:0}.phoenix-gateway-title{letter-spacing:2px;color:#fff;margin-bottom:14px;font-size:22px;font-weight:700}.phoenix-gateway-info{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.phoenix-gateway-detail{gap:8px;font-size:11px;display:flex}.phoenix-gateway-detail span{color:#6b7280}.phoenix-gateway-detail strong{color:#fff}.phoenix-threat-level,.phoenix-wan-status{flex-direction:column;gap:2px;margin-bottom:6px;font-size:11px;display:flex}.phoenix-threat-level span,.phoenix-wan-status span{color:#6b7280;font-size:10px}.phoenix-threat-low{font-weight:600;color:var(--phoenix-lime)!important;font-size:14px!important}.phoenix-wan-online{color:var(--phoenix-lime)!important;font-size:13px!important}.phoenix-gateway-visual{flex:1;justify-content:center;align-items:center;min-height:140px;margin:16px 0;display:flex}.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{justify-content:center;align-items:center;gap:20px;margin-bottom:12px;display:flex}.phoenix-power-controls>span{color:#6b7280;letter-spacing:1px;font-size:11px;font-weight:500}.phoenix-power-controls>span.active{color:#fff}.phoenix-power-btn{background:var(--phoenix-card-light);border:2px solid var(--phoenix-border);color:#6b7280;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s;display:flex}.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{color:#6b7280;letter-spacing:1px;font-size:11px}.phoenix-auto-label.active{background:var(--phoenix-lime);border-radius:4px;padding:6px 14px;font-weight:600;color:#000!important}.phoenix-assist-mode{background:var(--phoenix-card-light);border-radius:8px;justify-content:center;align-items:center;gap:14px;padding:10px 16px;display:flex}.phoenix-assist-mode svg{color:#6b7280}.phoenix-assist-mode span{color:#6b7280;letter-spacing:1px;font-size:10px}.phoenix-assist-mode span.active{color:#fff}.phoenix-assist-auto{font-size:10px!important}.phoenix-assist-auto.active{background:var(--phoenix-lime);border-radius:4px;padding:4px 10px;font-weight:600;color:#000!important}.phoenix-bottom-row{grid-template-columns:1fr 1fr 1fr 1.3fr;gap:16px;display:grid}.phoenix-card-title{letter-spacing:2px;color:#fff;margin-bottom:18px;font-size:11px;font-weight:600}.phoenix-details-card{background:var(--phoenix-card);border-radius:16px;padding:20px}.phoenix-details-grid{flex-direction:column;gap:14px;display:flex}.phoenix-detail-item{align-items:center;gap:10px;display:flex}.phoenix-detail-label{color:#6b7280;flex:1;font-size:10px}.phoenix-detail-value{color:#fff;min-width:60px;font-size:15px;font-weight:600}.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{flex-direction:column;gap:14px;display:flex}.phoenix-interface-row{align-items:center;gap:12px;display:flex}.phoenix-interface-name{color:#9ca3af;width:70px;font-size:11px}.phoenix-interface-indicator{background:#4a5058;border-radius:50%;width:10px;height:10px}.phoenix-interface-indicator.active{background:var(--phoenix-orange);box-shadow:0 0 8px var(--phoenix-orange-dim)}.phoenix-interface-dot{background:#4a5058;border-radius:50%;width:8px;height:8px}.phoenix-interface-dot.active{background:var(--phoenix-lime);box-shadow:0 0 6px var(--phoenix-lime-dim)}.phoenix-interface-slider{background:var(--phoenix-card-light);border-radius:5px;flex:1;height:10px;overflow:hidden}.phoenix-interface-slider.small{height:8px}.phoenix-interface-fill{background:var(--phoenix-orange);border-radius:5px;height:100%}.phoenix-interface-badge{background:var(--phoenix-lime);color:#000;letter-spacing:.5px;border-radius:4px;padding:4px 10px;font-size:9px;font-weight:600}.phoenix-health-card{background:var(--phoenix-card);border-radius:16px;padding:20px}.phoenix-health-gauge{flex-direction:column;align-items:center;margin-bottom:16px;display:flex;position:relative}.phoenix-health-gauge svg{width:180px;height:100px}.phoenix-health-value{color:#fff;font-size:44px;font-weight:700;position:absolute;bottom:20px}.phoenix-health-value span{color:#6b7280;font-size:20px}.phoenix-health-range{color:#6b7280;justify-content:space-between;width:140px;margin-top:-8px;font-size:9px;display:flex}.phoenix-health-stats{border-top:1px solid var(--phoenix-border);justify-content:space-between;padding-top:14px;display:flex}.phoenix-health-stat{text-align:center}.phoenix-health-stat-label{color:#6b7280;margin-bottom:4px;font-size:9px;display:block}.phoenix-health-stat-value{color:#fff;font-size:15px;font-weight:600}@media (width<=1400px){.phoenix-top-row{grid-template-columns:1fr}.phoenix-gateway-card{max-width:400px}.phoenix-bottom-row{grid-template-columns:1fr 1fr}}@media (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{background:#0d1117;min-height:calc(100vh - 60px);padding:2px 4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif}.pro-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding:2px 0;display:flex}.pro-header-left{flex-direction:column;gap:4px;display:flex}.pro-header-right{align-items:center;gap:8px;display:flex}.pro-subtitle{color:#8b949e;margin:0;font-size:13px}.pro-device-info{margin:0;font-size:14px;color:#fff!important;font-weight:700!important}.pro-device-info .text-primary{color:#58a6ff;font-weight:700}.pro-device-info .text-success{color:#3fb950;font-weight:700}.pro-page-badge{color:#e6edf3;background:#21262d;border-radius:4px;align-items:center;gap:8px;margin-top:8px;padding:6px 16px;font-size:13px;font-weight:500;display:inline-flex}.pro-badge-indicator{background:#d73a49;border-radius:2px;width:4px;height:16px}.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);font-size:var(--font-size-md);padding:10px}.spin{animation:1s linear infinite spin}.pro-title{font-size:var(--pro-font-xl);color:#e6edf3;margin:0;font-weight:600}.pro-subtitle{font-size:var(--pro-font-sm);color:#8b949e}.pro-kpi-footer{gap:var(--gap-sm);margin-top:var(--spacing-xs);padding-top:var(--spacing-sm);border-top:1px solid #21262d;display:flex}.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);border-radius:4px;margin-left:auto;padding:2px 6px;font-weight:500}.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{background:#21262d;border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.pro-kpi-bar-fill{border-radius:2px;height:100%;transition:width .3s}.pro-main-grid{grid-template-columns:1fr 300px;gap:12px;display:grid}.pro-card{background:#161b22;border:1px solid #30363d;border-radius:6px;max-width:100%;overflow:visible}.pro-card-compact,.pro-card.compact{padding:12px 16px;min-height:auto!important}.pro-card-large,.pro-card.large{min-height:300px}.pro-card-header{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid #21262d;justify-content:space-between;align-items:center;display:flex}.pro-card-header h2{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#e6edf3;align-items:center;gap:6px;margin:0;display:flex}.pro-card-actions{gap:6px;display:flex}.pro-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.pro-btn-ghost:hover{color:#e6edf3;background:#21262d}.pro-btn-secondary{color:#e6edf3;background:#21262d;border:1px solid #30363d}.pro-btn-secondary:hover{background:#30363d}.pro-btn-primary:hover{background:#2ea043}.pro-two-column-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.pro-card-body{min-height:300px;padding:16px}.pro-empty-small{color:#8b949e;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.pro-empty-small p{margin:0;font-size:14px}.pro-chart-loader{justify-content:center;align-items:center;width:100%;min-height:160px;display:flex}.pro-chart-loader .pro-loading-spinner{border-width:3px;width:32px;height:32px}.pro-empty-chart{justify-content:center;align-items:center;min-height:200px;padding:20px;display:flex}.pro-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.pro-empty-state svg{color:var(--text-muted,#8b949e);margin-bottom:16px}.pro-empty-state p{color:var(--text-secondary,#8b949e);margin:0;font-size:15px;font-weight:500}.pro-empty-hint{color:var(--text-muted,#6b7280);margin-top:8px;font-size:13px;display:block}.pro-user-list{flex-direction:column;gap:8px;display:flex}.pro-user-item{background:#0d1117;border:1px solid #21262d;border-radius:6px;align-items:center;gap:12px;padding:10px 12px;transition:all .15s;display:flex}.pro-user-item:hover{background:#161b22;border-color:#30363d}.pro-user-rank{color:#8b949e;background:#21262d;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:600;display:flex}.pro-user-info{flex-direction:column;flex:1;gap:2px;display:flex}.pro-user-ip{color:#8b949e;font-family:monospace;font-size:11px}.pro-user-traffic{color:#58a6ff;font-size:13px;font-weight:600}.pro-app-list{flex-direction:column;gap:8px;display:flex}.pro-app-item{background:#0d1117;border:1px solid #21262d;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;transition:all .2s;display:flex}.pro-app-item:hover{background:#161b22;border-color:#30363d}.pro-app-info{align-items:center;gap:10px;display:flex}.pro-app-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.pro-app-name{color:#e6edf3;font-size:13px;font-weight:500}.pro-app-traffic{color:#58a6ff;font-size:13px;font-weight:600}.pro-health-gauge{justify-content:center;align-items:center;margin-bottom:20px;display:flex;position:relative}.pro-health-gauge-svg{transform:rotate(-90deg)}.pro-health-gauge-value{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.pro-health-score{color:#e6edf3;font-size:32px;font-weight:700;line-height:1}.pro-health-label{color:#8b949e;margin-top:4px;font-size:12px}.pro-health-metrics{flex-direction:column;gap:10px;display:flex}.pro-health-metric{border-bottom:1px solid #21262d;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.pro-health-metric:last-child{border-bottom:none}.pro-health-metric-label{color:#8b949e;font-size:13px}.pro-health-metric-value{font-size:13px;font-weight:600}@media (width<=1024px){.pro-two-column-grid{grid-template-columns:1fr}}.pro-table-wrapper{width:100%;max-width:100%;overflow-x:auto}.pro-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:800px}.pro-table th{text-align:left;color:#8b949e;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#0d1117;border-bottom:1px solid #21262d;padding:12px 14px;font-size:11px;font-weight:600}.pro-table td{color:#c9d1d9;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #21262d;max-width:180px;padding:12px 14px;font-size:13px;overflow:visible}.pro-table td:has(.pro-dropdown-container){position:relative;overflow:visible!important}.pro-table-row{cursor:pointer;transition:background .15s}.pro-table-row:hover{background:#1c2128}.pro-table-row.selected{background:#1c3a5e}.pro-datatable-container{border:1px solid var(--border-color);background:var(--bg-card);border-radius:12px;width:100%;max-width:100%;overflow:hidden}.pro-datatable-container .pro-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow:auto visible}.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{border-collapse:collapse;table-layout:fixed;width:100%}.pro-table-head{background:#0d1117}.pro-table-head .pro-table-row{border-bottom:2px solid #21262d}.pro-table-th{text-align:center;color:#8b949e;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;background:linear-gradient(#161b22,#0d1117);border-bottom:2px solid #21262d;padding:14px 16px;font-size:11px;font-weight:700;position:relative}.pro-table-th:not(:last-child):after{content:"";background:#21262d;width:1px;height:50%;position:absolute;top:25%;right:0}.pro-table-body .pro-table-row{border-bottom:1px solid #21262d;transition:all .15s}.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{color:#e6edf3;vertical-align:middle;text-align:center;padding:14px 16px;font-size:14px}.pro-table-loading{text-align:center;padding:48px 16px}.pro-loading-content{color:#8b949e;justify-content:center;align-items:center;gap:12px;display:flex}.pro-table-empty{text-align:center;color:#8b949e;padding:48px 16px;font-size:14px}.pro-row-clickable{cursor:pointer}[data-theme=light] .pro-datatable-container .pro-table-wrapper{border-radius:16px;width:100%;max-width:100%;overflow:hidden!important}[data-theme=light] .pro-table-head{background:#f8f9fb}[data-theme=light] .pro-table-head .pro-table-row{border-bottom:1px solid #0000000d}[data-theme=light] .pro-table-th{color:#6b7280;text-transform:none;letter-spacing:0;background:0 0;border-bottom:none;padding:14px 20px;font-size:12px;font-weight:500}[data-theme=light] .pro-table-th:not(:last-child):after{background:0 0}[data-theme=light] .pro-table-body .pro-table-row{border-bottom:1px solid #0000000d;transition:all .2s}[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:0 0}[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:#22c55e #0000000f #0000000f}[data-theme=light] .pro-loading-content,[data-theme=light] .pro-table-empty{color:#6b7280}[data-theme=light] .pro-datatable-container{transition:box-shadow .3s;box-shadow:0 12px 28px #0000000f!important}[data-theme=light] .pro-datatable-container:hover{box-shadow:0 16px 36px #00000014!important}[data-theme=light] .pro-row-clickable:hover .pro-table-td{cursor:pointer;background:#00000005!important}[data-theme=light] .pro-row-clickable:active .pro-table-td{background:#0000000a!important}[data-theme=light] .pro-table-td input[type=checkbox]{cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:4px;width:18px;height:18px;transition:all .2s}[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{border-radius:6px!important;padding:6px 12px!important;font-size:12px!important}[data-theme=light] .pro-table-td .pro-btn-ghost:hover{color:#059669!important;background:linear-gradient(135deg,#05966914,#0596690a)!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{border-bottom:none;padding-bottom:16px}[data-theme=light] .pro-status-badge.active{border:1px solid #05966940;font-weight:600;box-shadow:0 1px 2px #0596691a;color:#059669!important;background:linear-gradient(135deg,#05966926,#10b9811a)!important}[data-theme=light] .pro-status-badge.inactive{border:1px solid #dc262640;font-weight:600;box-shadow:0 1px 2px #dc26261a;color:#dc2626!important;background:linear-gradient(135deg,#dc26261f,#ef444414)!important}[data-theme=light] .pro-project-name-cell{font-weight:600;color:#1e293b!important}[data-theme=light] .pro-description-cell,[data-theme=light] .pro-created-by-cell{color:#64748b!important}[data-theme=light] .pro-device-name{font-weight:600;color:#1e293b!important}[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{font-size:var(--pro-font-sm);text-transform:capitalize;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-weight:500;display:inline-flex}.pro-status-badge.active{color:#3fb950;background:#3fb95026}.pro-status-badge.inactive{color:#f85149;background:#f8514926}.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;text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.pro-created-by-cell{font-size:var(--pro-font-sm);color:#8b949e;align-items:center;gap:6px;display:flex}.pro-created-by-cell svg{opacity:.6}.pro-status-dot{border-radius:50%;width:8px;height:8px;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:1.5s infinite pulse-critical}.status-offline .pro-status-dot{background:#6e7681}.status-healthy{color:#3fb950;background:#3fb9501a}.status-warning{color:#d29922;background:#d299221a}.status-critical{color:#f85149;background:#f851491a}.status-offline{color:#6e7681;background:#6e76811a}.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);color:#8b949e;font-weight:500}.pro-device-id-cell{align-items:center;gap:10px;min-width:0;display:flex}.pro-device-id-cell .pro-device-name{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.pro-device-logo{object-fit:cover;border-radius:4px;width:32px;height:32px}.pro-device-logo-placeholder{color:#6e7681;background:#21262d;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.pro-location,.pro-username{font-size:var(--pro-font-sm);color:#8b949e}.pro-auth-types{flex-wrap:wrap;gap:4px;display:flex}.pro-auth-badge{color:var(--wis-lime);background:#39ff1426;border-radius:4px;align-items:center;padding:2px 8px;font-size:10px;font-weight:500;display:inline-flex}.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{align-items:center;gap:6px;display:flex}.pro-mini-bar>div:first-child{background:#21262d;border-radius:2px;width:40px;height:3px;overflow:hidden}.pro-mini-bar-fill{border-radius:2px;height:100%}.pro-mini-bar span{font-size:var(--pro-font-xs);color:#8b949e;font-family:SF Mono,Monaco,Consolas,monospace}.pro-bandwidth{font-size:var(--pro-font-xs);flex-direction:column;gap:2px;font-family:SF Mono,Monaco,Consolas,monospace;display:flex}.pro-bw-in{color:#3fb950}.pro-bw-out{color:#58a6ff}.pro-alert-count{color:#fff;background:#f85149;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 5px;font-size:10px;font-weight:600;display:inline-flex}.pro-alerts-list{padding:8px}.pro-alert-item{background:#0d1117;border-left:2px solid #0000;border-radius:4px;align-items:flex-start;gap:10px;margin-bottom:6px;padding:10px;display:flex}.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{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.pro-alert-icon svg{width:14px;height:14px}.severity-critical .pro-alert-icon{color:#f85149;background:#f851491f}.severity-warning .pro-alert-icon{color:#d29922;background:#d299221f}.severity-info .pro-alert-icon{color:#58a6ff;background:#58a6ff1f}.pro-alert-content{flex:1;min-width:0}.pro-alert-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.pro-alert-device{font-size:var(--pro-font-base);color:#fff;font-weight:500}.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{color:#8b949e;cursor:pointer;background:0 0;border:1px solid #2d333b;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;transition:all .15s;display:flex}.pro-alert-ack:hover{color:#fff;background:#238636;border-color:#238636}.pro-drawer-overlay{z-index:100;background:#00000080;position:fixed;inset:0}.pro-drawer{z-index:101;background:#1a1f26;border-left:1px solid #2d333b;flex-direction:column;width:340px;height:100vh;animation:.2s slideInRight;display:flex;position:fixed;top:0;right:0}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.pro-drawer-header{border-bottom:1px solid #2d333b;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pro-drawer-title{align-items:center;gap:8px;display:flex}.pro-drawer-title h3{font-size:var(--pro-font-lg);color:#fff;margin:0;font-weight:600}.pro-drawer-title .pro-status-dot{width:8px;height:8px}.pro-drawer-close{color:#8b949e;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex}.pro-drawer-close:hover{color:#fff;background:#21262d}.pro-drawer-body{flex:1;padding:14px 16px;overflow-y:auto}.pro-drawer-section{margin-bottom:16px}.pro-drawer-section h4{font-size:var(--pro-font-xs);color:#8b949e;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-weight:600}.pro-drawer-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.pro-drawer-field{flex-direction:column;gap:2px;display:flex}.pro-drawer-label{font-size:var(--pro-font-xs);color:#8b949e}.pro-drawer-value{font-size:var(--pro-font-base);color:#fff;font-weight:500}.pro-drawer-value.mono{font-family:SF Mono,Monaco,Consolas,monospace}.pro-drawer-metrics{flex-direction:column;gap:10px;display:flex}.pro-drawer-metric-header{font-size:var(--pro-font-sm);color:#c9d1d9;justify-content:space-between;margin-bottom:6px;display:flex}.pro-drawer-metric-bar{background:#2d333b;border-radius:2px;height:4px;overflow:hidden}.pro-drawer-metric-fill{border-radius:3px;height:100%;transition:width .3s}.pro-drawer-bandwidth{flex-direction:column;gap:8px;display:flex}.pro-drawer-bw-item{background:#161b22;border-radius:4px;align-items:center;gap:8px;padding:8px 10px;display:flex}.pro-drawer-bw-label{font-size:var(--pro-font-sm);color:#8b949e}.pro-drawer-bw-value{font-size:var(--pro-font-base);color:#fff;margin-left:auto;font-family:SF Mono,Monaco,Consolas,monospace;font-weight:600}.pro-drawer-footer{border-top:1px solid #2d333b;gap:8px;padding:12px 16px;display:flex}.pro-drawer-footer .pro-btn{flex:1;justify-content:center}@media (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 (width<=900px){.pro-kpi-row{grid-template-columns:repeat(2,1fr)}.pro-drawer{width:100%}}@media (width<=600px){.pro-noc{padding:16px}.pro-kpi-row{grid-template-columns:1fr}}.pro-filters{background:#161b22;border-bottom:1px solid #2d333b;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.pro-search{border:1px solid var(--wis-lime);background:#21262d;border-radius:6px;flex:1;align-items:center;gap:10px;max-width:350px;padding:12px 16px;display:flex}.pro-search svg{color:var(--wis-lime);flex-shrink:0;width:18px;height:18px}.pro-search input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:15px;font-weight:500}.pro-search input::placeholder{color:#6e7681;font-weight:400}.pro-filter-group{gap:8px;display:flex}.pro-loading{color:#8b949e;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.pro-empty p{margin:0;font-size:13px}.pro-empty-alerts{color:#8b949e;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.pro-empty-alerts p{margin:0;font-size:11px}.pro-type-badge{text-transform:uppercase;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:500;display:inline-block}.pro-device-mac{color:#8b949e;font-family:SF Mono,Monaco,Consolas,monospace;font-size:10px}.pro-pagination-buttons{gap:8px;display:flex}.pro-kpi-card.clickable{cursor:pointer;border-style:dashed}.pro-kpi-card.clickable:hover{background:#388bfd0d;border-color:#58a6ff}.pro-modal-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pro-modal{background:#1a1f26;border:1px solid #30363d;border-radius:8px;width:100%;max-width:420px;animation:.2s modalSlideIn;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.pro-modal-header h3{color:#e6edf3;margin:0;font-size:14px;font-weight:600}.pro-modal-close{color:#8b949e;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.pro-modal-close:hover{color:#e6edf3;background:#21262d}.pro-modal-body{padding:20px}.pro-modal-footer{border-top:1px solid #2d333b;justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.pro-form-group{margin-bottom:14px}.pro-form-group:last-child{margin-bottom:0}.pro-form-label{color:#8b949e;margin-bottom:6px;font-size:11px;font-weight:500;display:block}.pro-form-input,.pro-form-select{color:#e6edf3;background:#21262d;border:1px solid #30363d;border-radius:4px;outline:none;width:100%;padding:8px 12px;font-size:13px;transition:border-color .15s}.pro-form-input:focus,.pro-form-select:focus{border-color:#58a6ff}.pro-form-input::placeholder{color:#6e7681}.pro-signal-bar{align-items:center;gap:6px;width:80px;display:flex}.pro-signal-bar .pro-signal-fill{background:linear-gradient(90deg, var(--wis-red) 0%, var(--wis-yellow) 50%, var(--wis-lime) 100%);border-radius:3px;flex:1;height:6px;position:relative;overflow:hidden}.pro-signal-bar .pro-signal-fill:after{content:"";height:100%;width:calc(100% - var(--signal-width,100%));background:#21262d;position:absolute;top:0;right:0}.pro-signal-bar .pro-signal-text{color:#8b949e;text-align:right;min-width:28px;font-size:10px}.pro-metric{color:#e6edf3;font-size:12px;font-weight:600}.pro-uptime{color:#8b949e;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px}.pro-logs-container{flex-direction:column;gap:2px;max-height:600px;display:flex;overflow-y:auto}.pro-log-entry{background:#161b22;border-left:3px solid #30363d;align-items:flex-start;gap:12px;padding:8px 12px;transition:background .15s;display:flex}.pro-log-entry:hover{background:#1c2128}.pro-log-entry.critical,.pro-log-entry.error{background:#f851490d;border-left-color:#f85149}.pro-log-entry.warning{background:#d299220d;border-left-color:#d29922}.pro-log-entry.info{background:#3fb95008;border-left-color:#3fb950}.pro-log-entry.debug{border-left-color:#8b949e}.pro-log-timestamp{flex-direction:column;flex-shrink:0;align-items:flex-end;min-width:70px;display:flex}.pro-log-date{color:#6e7681;font-size:10px}.pro-log-time{color:#8b949e;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px}.pro-log-level{text-transform:uppercase;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;min-width:60px;padding:2px 8px;font-size:9px;font-weight:600;display:inline-flex}.pro-log-level.critical,.pro-log-level.error{color:#f85149;background:#f8514933}.pro-log-level.warning{color:#d29922;background:#d2992233}.pro-log-level.info{color:#3fb950;background:#3fb95033}.pro-log-level.debug{color:#8b949e;background:#8b949e33}.pro-log-content{flex:1;min-width:0}.pro-log-message{color:#e6edf3;word-break:break-word;font-size:12px}.pro-log-source{color:#6e7681;margin-top:4px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:10px;display:inline-block}.pro-log-details{flex-shrink:0;margin-left:auto}.pro-log-details summary{color:#58a6ff;cursor:pointer;user-select:none;align-items:center;gap:4px;font-size:10px;display:flex}.pro-log-details summary:hover{color:#79c0ff}.pro-log-details[open] summary svg{transform:rotate(90deg)}.pro-log-json{color:#8b949e;background:#0d1117;border-radius:4px;max-width:300px;margin-top:8px;padding:8px;font-size:10px;overflow-x:auto}.pro-bandwidth-cell{flex-direction:column;gap:2px;display:flex}.pro-bw-current{color:#e6edf3;font-size:12px;font-weight:600}.pro-bw-limit{color:#6e7681;font-size:10px}.pro-usage-bars{flex-direction:column;gap:4px;width:60px;display:flex}.pro-usage-bar{background:#21262d;border-radius:2px;height:4px;overflow:hidden}.pro-usage-fill{border-radius:2px;height:100%;transition:width .3s}.pro-usage-fill.up{background:var(--wis-lime)}.pro-usage-fill.down{background:var(--wis-cyan)}.pro-bandwidth-chart{display:block}.pro-detail-chart{width:100%;display:block}.pro-chart-container{background:#0d1117;border-radius:6px;padding:12px}.pro-chart-legend{border-top:1px solid #21262d;justify-content:center;gap:16px;margin-top:8px;padding-top:8px;display:flex}.pro-legend-item{color:#8b949e;align-items:center;gap:6px;font-size:11px;display:flex}.pro-legend-dot{border-radius:2px;width:8px;height:8px}.pro-legend-dot.up{background:var(--wis-lime)}.pro-legend-dot.down{background:var(--wis-cyan)}.pro-drawer-metric-sub{color:#6e7681;margin-top:4px;font-size:10px}.pro-btn-danger{color:#f85149;background:#f8514926;border:1px solid #f851494d}.pro-btn-danger:hover:not(:disabled){background:#f8514940;border-color:#f8514980}.pro-user-cell{align-items:center;gap:10px;display:flex}.pro-user-avatar{color:#fff;background:linear-gradient(135deg,#58a6ff,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.pro-user-info{flex-direction:column;gap:2px;display:flex}.pro-user-name{color:#e6edf3;font-size:12px;font-weight:500}.pro-user-email{color:#6e7681;font-size:10px}.pro-role-badge{border-radius:10px;align-items:center;padding:2px 8px;font-size:10px;font-weight:500;display:inline-flex}.pro-role-badge.default{color:#8b949e;background:#8b949e26}.pro-role-badge.warning{color:#d29922;background:#d2992226}.pro-role-badge.admin{color:#a78bfa;background:#8b5cf626}.pro-orgs-list{flex-wrap:wrap;gap:4px;display:flex}.pro-org-tag{color:#8b949e;background:#21262d;border-radius:3px;padding:2px 6px;font-size:10px;display:inline-flex}.pro-org-more{color:#6e7681;background:#30363d;border-radius:3px;padding:2px 6px;font-size:10px;display:inline-flex}.pro-alert-banner{background:#d299221a;border:1px solid #d299224d;border-radius:6px;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;display:flex}.pro-alert-icon{color:var(--wis-yellow);flex-shrink:0}.pro-alert-content{color:#e6edf3;font-size:12px}.pro-pending-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.pro-pending-item{background:#21262d;border-radius:4px;align-items:center;gap:8px;padding:4px 8px;display:flex}.pro-pending-name{color:#e6edf3;font-size:11px;font-weight:500}.pro-pending-org{color:#6e7681;font-size:10px}.pro-modal-info{color:#8b949e;margin-bottom:16px;font-size:12px}.pro-modal-info strong{color:#e6edf3}.pro-kpi-card.warning{background:#d299220d;border-color:#d299224d}.pro-project-cell{align-items:center;gap:10px;display:flex}.pro-project-icon{width:32px;height:32px;color:var(--wis-cyan);background:#21262d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pro-project-info{flex-direction:column;gap:2px;display:flex}.pro-project-name{color:#e6edf3;font-size:12px;font-weight:500}.pro-project-desc{color:#6e7681;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:10px;overflow:hidden}.pro-created-by{color:#8b949e;font-size:11px}.pro-date-cell{font-size:var(--pro-font-sm);color:#8b949e;align-items:center;gap:6px;display:flex}.pro-date-cell svg{opacity:.6}.pro-date-main{color:#e6edf3;font-size:11px}.pro-date-relative{color:#6e7681;font-size:10px}.pro-row.selected{border-left:2px solid var(--wis-cyan);background:#58a6ff14}.pro-drawer-item.full{grid-column:1/-1}.noc-dashboard{background:linear-gradient(#0a0f14 0%,#0d1117 100%);grid-template-rows:auto 1fr;grid-template-columns:1fr 280px;gap:16px;min-height:calc(100vh - 60px);padding:16px;display:grid}.noc-status-bar{backdrop-filter:blur(10px);background:#141920e6;border:1px solid #ffffff0f;border-radius:12px;grid-column:1/-1;align-items:center;gap:24px;padding:16px 24px;display:flex}.noc-status-item{align-items:center;gap:8px;display:flex}.noc-status-dot{border-radius:50%;width:10px;height:10px;animation:2s infinite pulse-dot}.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;animation:1s infinite pulse-critical;box-shadow:0 0 8px #f449}.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{color:#8b9199;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.noc-status-value{color:#fff;font-size:18px;font-weight:700}.noc-status-value small{color:#6b7280;margin-left:2px;font-size:11px;font-weight:400}.noc-status-divider{background:#ffffff1a;width:1px;height:32px;margin:0 12px}.noc-topology-container{background:#0f141af2;border:1px solid #ffffff0f;border-radius:16px;position:relative;overflow:hidden}.noc-topology-svg{width:100%;height:100%;min-height:500px}.noc-conn-line{transition:all .3s}.noc-connection.highlighted .noc-conn-line{filter:drop-shadow(0 0 4px)}.noc-conn-label{fill:#fff;text-shadow:0 0 4px #000c;font-family:Inter,monospace;font-weight:600}.noc-device-node{transition:all .2s}.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:.5px;r:5.5}.noc-device-label{pointer-events:none;font-family:Inter,sans-serif;font-weight:500}.noc-status-indicator{filter:drop-shadow(0 0 2px)}.noc-legend{backdrop-filter:blur(8px);background:#0a0f14e6;border:1px solid #ffffff14;border-radius:10px;padding:14px 18px;position:absolute;bottom:16px;left:16px}.noc-legend-title{color:#6b7280;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;font-size:9px;font-weight:600}.noc-legend-items{flex-wrap:wrap;gap:12px;display:flex}.noc-legend-item{color:#9ca3af;align-items:center;gap:6px;font-size:11px;display:flex}.noc-legend-item svg{opacity:.8}.noc-legend-dot{border-radius:50%;width:8px;height:8px}.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{z-index:100;background:#12161cfa;border:1px solid #ffffff1a;border-radius:16px;width:320px;animation:.2s slideIn;position:fixed;top:100px;right:320px;overflow:hidden;box-shadow:0 8px 32px #0006}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.noc-detail-header{background:#ffffff08;border-bottom:1px solid #ffffff0f;align-items:center;gap:14px;padding:18px 20px;display:flex}.noc-detail-icon{justify-content:center;align-items:center;width:48px;height:48px;display:flex}.noc-detail-title{flex:1}.noc-detail-title h3{color:#fff;margin:0 0 4px;font-size:16px;font-weight:600}.noc-detail-status{letter-spacing:1px;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:600}.noc-detail-status.online{color:#0f8;background:#00ff8826}.noc-detail-status.warning{color:#fa0;background:#ffaa0026}.noc-detail-status.critical{color:#f44;background:#ff444426}.noc-detail-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.noc-detail-close:hover{color:#fff;background:#ffffff14}.noc-detail-body{padding:16px 20px}.noc-detail-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.noc-detail-row:last-child{border-bottom:none}.noc-detail-label{color:#6b7280;font-size:12px}.noc-detail-value{color:#fff;font-family:SF Mono,Monaco,monospace;font-size:13px;font-weight:500}.noc-detail-actions{background:#ffffff05;border-top:1px solid #ffffff0f;gap:8px;padding:16px 20px;display:flex}.noc-action-btn{color:#9ca3af;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.noc-action-btn:hover{color:#fff;background:#ffffff1a}.noc-action-btn.primary{color:#0f8;background:#00ff881a;border-color:#00ff884d}.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 #ffffff0f;border-radius:16px;overflow:hidden}.noc-alerts-header{background:#ffffff08;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.noc-alerts-header h3{color:#fff;margin:0;font-size:13px;font-weight:600}.noc-alerts-count{color:#ff6b6b;background:#ff444426;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.noc-alerts-list{padding:8px}.noc-alert-item{border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:6px;padding:14px;transition:background .2s;display:flex}.noc-alert-item:hover{background:#ffffff08}.noc-alert-item.critical{border-left:3px solid #f44}.noc-alert-item.warning{border-left:3px solid #fa0}.noc-alert-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.noc-alert-item.critical .noc-alert-icon{color:#f44;background:#ff444426}.noc-alert-item.warning .noc-alert-icon{color:#fa0;background:#ffaa0026}.noc-alert-content{flex:1;min-width:0}.noc-alert-title{color:#fff;margin-bottom:4px;font-size:13px;font-weight:500;display:block}.noc-alert-time{color:#6b7280;font-size:11px}@media (width<=1200px){.noc-dashboard{grid-template-columns:1fr}.noc-alerts-panel{display:none}.noc-detail-panel{right:20px}}@media (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;min-height:240px;overflow:hidden}.pro-chart-header{border-bottom:1px solid #21262d;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.pro-chart-title{font-size:var(--pro-font-md);color:#e6edf3;margin:0;font-weight:600}.pro-chart-subtitle{color:#8b949e;margin-top:1px;font-size:10px}.pro-chart-legend{gap:16px;display:flex}.pro-chart-legend-item{font-size:var(--pro-font-sm);color:#8b949e;align-items:center;gap:6px;display:flex}.pro-chart-legend-dot{border-radius:50%;width:8px;height:8px}.pro-chart-body{min-height:180px;padding:12px}.pro-chart-container{width:100%;height:180px;position:relative}.pro-chart-svg{width:100%;height:100%}.pro-chart-grid-line{stroke:#21262d;stroke-width:1px}.pro-chart-axis-label{fill:#6b7280;font-family:SF Mono,Monaco,Consolas,monospace;font-size:9px}.pro-chart-line{fill:none;stroke-width:2px;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{pointer-events:none;z-index:10;background:#1c2128;border:1px solid #30363d;border-radius:6px;padding:8px 12px;position:absolute;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);color:#e6edf3;font-weight:600}.pro-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.pro-stat-item{background:#0d1117;border-radius:6px;padding:10px 12px}.pro-stat-label{color:#8b949e;text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px;font-size:10px}.pro-stat-value{color:#e6edf3;font-size:16px;font-weight:600}.pro-stat-change{align-items:center;gap:3px;margin-top:2px;font-size:10px;display:inline-flex}.pro-stat-change.up{color:#3fb950}.pro-stat-change.down{color:#f85149}.pro-dashboard-grid{grid-template-columns:2fr 1fr;gap:12px;margin-top:12px;display:grid}.pro-dashboard-main,.pro-dashboard-sidebar{flex-direction:column;gap:12px;display:flex}.pro-live-badge{font-size:var(--pro-font-xs);color:#3fb950;background:#3fb9501a;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-weight:500;display:inline-flex}.pro-live-dot{background:#3fb950;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-live}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.pro-time-range{background:#0d1117;border-radius:6px;padding:2px;display:flex}.pro-time-range-btn{font-size:var(--pro-font-sm);color:#8b949e;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 12px;font-weight:500;transition:all .15s}.pro-time-range-btn:hover{color:#e6edf3}.pro-time-range-btn.active{color:#e6edf3;background:#21262d}.pro-type-badge{font-size:var(--pro-font-xs);text-transform:uppercase;border-radius:4px;padding:3px 8px;font-weight:500;display:inline-block}.pro-type-badge.gateway{color:#58a6ff;background:#3b82f61a}.pro-type-badge.ap{color:#3fb950;background:#3fb9501a}.pro-actions{gap:6px;display:flex}.pro-action-btn{color:#8b949e;cursor:pointer;background:0 0;border:1px solid #30363d;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.pro-action-btn:hover{color:#e6edf3;background:#21262d}.pro-action-btn.danger:hover{color:#f85149;background:#f851491a;border-color:#f85149}.pro-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.pro-loading-spinner{border:3px solid #21262d;border-top-color:#3b82f6;border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}.pro-loading span{font-size:var(--pro-font-sm);color:#8b949e}.pro-empty{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.pro-empty svg{opacity:.5}.pro-empty p{font-size:var(--pro-font-base);color:#8b949e;margin:0;font-weight:500}.pro-empty span{font-size:var(--pro-font-sm);color:#6b7280}.pro-empty-alerts{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px;display:flex}.pro-empty-alerts p{font-size:var(--pro-font-sm);color:#3fb950;margin:0}@media (width<=1200px){.pro-dashboard-grid{grid-template-columns:1fr;gap:10px}.pro-kpi-row{grid-template-columns:repeat(3,1fr);gap:10px}}@media (width<=900px){.pro-kpi-row{grid-template-columns:repeat(2,1fr);gap:8px}.pro-kpi-card{min-height:70px;padding:10px 12px}.pro-kpi-value{font-size:14px}}@media (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{min-height:150px;padding:8px}}.pro-controls-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:12px 20px;display:flex}.pro-controls-title{color:var(--text-primary);white-space:nowrap;margin:0;font-size:16px;font-weight:600}.pro-controls-right{align-items:center;gap:10px;display:flex}.pro-controls-bar .pro-search-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:8px;width:320px;min-width:320px;height:38px;padding:0 12px;display:flex}.pro-search-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:8px;width:280px;height:38px;padding:0 12px;display:flex}.pro-search-input svg{color:var(--text-muted);flex-shrink:0;width:14px;height:14px}.pro-search-input input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;width:100%;font-size:13px}.pro-search-input input::placeholder{color:var(--text-muted)}.pro-controls-bar .pro-select,.pro-controls-bar select{background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;cursor:pointer!important;border-radius:6px!important;outline:none!important;min-width:auto!important;height:38px!important;padding:0 12px!important;font-size:13px!important;font-weight:500!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){white-space:nowrap!important;cursor:pointer!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:auto!important;min-width:max-content!important;height:38px!important;padding:0 18px!important;font-size:13px!important;font-weight:500!important;transition:all .15s!important;display:inline-flex!important;overflow:visible!important}.pro-controls-bar .btn svg,.pro-controls-bar .pro-btn svg,.pro-controls-bar button svg{flex-shrink:0!important;width:14px!important;height:14px!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{color:#3b82f6!important;white-space:nowrap!important;cursor:pointer!important;background:0 0!important;border:1px solid #3b82f6!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;min-width:max-content!important;height:38px!important;padding:0 18px!important;font-size:13px!important;font-weight:500!important;transition:all .15s!important;display:inline-flex!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{border-collapse:collapse;width:100%}.pro-table th{text-align:left;color:#8b949e;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);background:#0003;padding:12px 16px;font-size:12px;font-weight:600}.pro-table td{color:var(--text-secondary);border-bottom:1px solid var(--border-color);vertical-align:middle;padding:12px 16px;font-size:13px}.pro-table tbody tr:hover{background:#ffffff05}.org-name-cell{flex-direction:column;display:flex}.org-name-text{color:var(--text-primary);font-weight:600}.contact-info-cell{flex-direction:column;gap:4px;display:flex}.contact-row{align-items:center;gap:6px;display:flex}.contact-row svg{color:var(--text-muted);flex-shrink:0}.contact-link{color:var(--wis-lime);font-size:12px;text-decoration:none;transition:color .2s}.contact-link:hover{color:var(--wis-lime-soft);text-decoration:underline}.contact-text{color:var(--text-muted);font-size:12px}.address-text{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;overflow:hidden}.website-link{color:var(--wis-lime);align-items:center;gap:4px;font-size:12px;text-decoration:none;transition:color .2s;display:inline-flex}.website-link:hover{color:var(--wis-lime-soft);text-decoration:underline}.na-text{color:var(--text-muted);font-size:12px}.status-active{color:#22c55e;background:#22c55e26}.status-inactive{color:#6b7280;background:#6b728026}.sms-count-cell{align-items:center;gap:6px;display:flex}.sms-count-cell svg{color:var(--wis-lime)}.sms-count-text{color:var(--text-primary);font-size:13px;font-weight:600}.date-text{color:var(--text-muted);font-size:12px}.actions-menu-container{position:relative}.actions-trigger{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.actions-trigger:hover{background:var(--bg-card-light);color:var(--text-primary)}.actions-dropdown{background:var(--bg-card);border:1px solid var(--border-color);z-index:9999;border-radius:8px;min-width:180px;max-height:400px;margin-top:4px;position:absolute;top:100%;right:0;overflow:visible auto;box-shadow:0 8px 24px #00000080}.action-item{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;font-size:13px;transition:all .2s;display:flex}.action-item:hover{background:var(--bg-card-light);color:var(--text-primary)}.action-item svg{color:var(--wis-lime)}.action-item.action-danger:hover{color:#ef4444;background:#ef44441a}.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;border-radius:12px!important;box-shadow:0 10px 40px #0000001f,0 2px 10px #0000000f!important}[data-theme=light] .action-item{color:#475569!important}[data-theme=light] .action-item:hover{color:#0f172a!important;background:#f1f5f9!important}[data-theme=light] .action-item svg{color:#22c55e!important}[data-theme=light] .action-item.action-danger:hover{color:#dc2626!important;background:#ef444414!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{color:#0f172a!important;background:#f1f5f9!important}.pro-pagination{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pagination-info{color:var(--text-muted);font-size:13px}.pagination-buttons{gap:6px;display:flex}.pagination-btn{background:var(--bg-card-light);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--bg-card-lighter);color:var(--text-primary)}.pagination-btn.active{color:var(--wis-lime);background:#22c55e33;border-color:#22c55e66}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.alert{border-radius:8px;padding:12px 40px 12px 16px;font-size:14px;position:relative}.alert-close{width:24px;height:24px;color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.alert-close:hover{opacity:1}@media (width<=768px){.pro-controls-bar{flex-wrap:wrap}.pro-controls-right{flex-wrap:wrap;justify-content:flex-end;width:100%}.pro-search-input{min-width:100%;max-width:100%}.pro-controls-bar .pro-select{width:auto}}.pro-table-header-bar{border-bottom:1px solid var(--border-color);background:#0003;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pro-table-title{color:var(--text-primary);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.pro-count-badge{color:#22c55e;background:#22c55e26;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.pro-role-badge{color:#3b82f6;background:#3b82f626;border-radius:12px;align-items:center;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.pro-assigned-empty{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.pro-assigned-users{align-items:center;gap:6px;display:flex}.pro-assigned-text{color:#22c55e;font-size:12px;font-weight:500}.pro-assigned-more{color:#22c55e;background:#22c55e26;border-radius:8px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.pro-action-btn.assign{color:#3b82f6}.pro-action-btn.assign:hover{color:#60a5fa;background:#3b82f626}.pro-modal-wide{max-width:500px}.pro-assign-info-box{border-radius:8px;margin-bottom:16px;padding:14px 16px}.pro-assign-info-box h4{margin-bottom:6px;font-size:13px;font-weight:600}.pro-assign-info-box p{margin:4px 0;font-size:12px}.pro-assign-info-box p.small{opacity:.8;font-size:11px}.pro-assign-info-box.success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33}.pro-assign-info-box.info{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633}.pro-user-search{background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;display:flex}.pro-user-search svg{color:var(--text-muted);flex-shrink:0}.pro-user-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px}.pro-user-search input::placeholder{color:var(--text-muted)}.pro-user-list{border:1px solid var(--border-color);border-radius:6px;max-height:100vh;overflow-y:auto}.pro-user-item{cursor:pointer;border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.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{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.pro-user-item .pro-user-details{flex-direction:column;flex:1;gap:2px;display:flex}.pro-user-item .pro-user-name{color:var(--text-primary);font-size:13px;font-weight:500}.pro-user-item .pro-user-email{color:var(--text-muted);font-size:11px}.pro-user-item .pro-user-role{color:var(--text-dim);text-transform:capitalize;font-size:10px}.pro-user-selected-icon{color:#22c55e}.pro-loading-small{color:var(--text-muted);justify-content:center;align-items:center;gap:10px;padding:24px;font-size:12px;display:flex}.pro-empty-small{color:var(--text-muted);justify-content:center;align-items:center;padding:24px;font-size:12px;display:flex}.pro-selection-bar{background:var(--bg-card);border-radius:var(--radius-md);flex-wrap:nowrap;align-items:center;gap:16px;margin-bottom:16px;padding:12px 16px;display:flex;overflow-x:auto}.pro-selector-group{align-items:center;gap:8px;display:flex}.pro-selector-label{align-items:center;gap:var(--gap-sm);white-space:nowrap;display:flex;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-medium)!important;color:var(--text-muted)!important}.pro-selector-label svg{width:14px!important;height:14px!important;color:var(--wis-cyan)!important}.pro-select-large{min-width:140px}.pro-connection-status{color:#22c55e;white-space:nowrap;background:#22c55e1a;border:1px solid #22c55e66;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;height:32px;padding:6px 10px;font-size:11px;font-weight:500;display:flex}.pro-connection-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-green}@keyframes pulse-green{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media (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{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.app-auth-tab:hover{color:var(--text-primary);background:#ffffff0d}.app-auth-tab-active{background:var(--wis-lime)!important;color:#000!important}.app-auth-device-option{text-align:left;border:none;border-bottom:1px solid var(--border-color);width:100%;color:var(--text-primary);cursor:pointer;background:0 0;padding:12px 16px;transition:background .2s}.app-auth-device-option:last-child{border-bottom:none}.app-auth-device-option.selected{color:var(--wis-lime);background:#39ff141a}.logs-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.logs-tab:hover{color:var(--text-primary);background:#ffffff0d}.logs-tab-active{background:var(--wis-lime)!important;color:#000!important}.logs-tab-active svg{color:#000!important}.logs-tabs-container{border-bottom:1px solid #374151;width:100%;display:flex}.logs-tab-ref{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.logs-tab-ref:hover{color:#166534;background:#1665340d;border-bottom-color:#1665344d}.logs-tab-ref-active{color:#fff!important;background:#166534!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{color:#fff!important;background:#166534!important}.logs-tabs-fullwidth{border-bottom:1px solid #374151;width:100%;display:flex}.logs-tab-full{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.logs-tab-full:hover{color:#166534;background:#1665340d;border-bottom-color:#1665344d}.logs-tab-full-active{color:#fff!important;background:#166534!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{color:#fff!important;background:#166534!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{color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .logs-search::placeholder{color:#94a3b8!important}.logs-stat-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:12px 14px}.logs-stat-label{color:var(--text-secondary);margin-bottom:4px;font-size:13px!important}.logs-stat-value{color:var(--text-primary);font-weight:700;font-size:22px!important}.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{border-collapse:collapse;width:100%}.logs-table th{background:var(--bg-card-light);text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);padding:12px 16px;font-weight:600;font-size:14px!important}.logs-table td{color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:15px!important}.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{border-radius:12px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.log-badge-info{color:var(--wis-green);background:#2eff8a26}.log-badge-warning{color:var(--wis-yellow);background:#ffc10726}.log-badge-notice{color:var(--wis-blue);background:#00a8ff26}.log-badge-error{color:var(--wis-red);background:#ff475726}.status-badge{border-radius:12px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.status-badge-active{color:var(--wis-green);background:#2eff8a26}.status-badge-inactive{color:var(--wis-red);background:#ff475726}.logs-search{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);width:100%;max-width:350px;padding:12px 16px;font-size:15px;font-weight:500;transition:border-color .2s,box-shadow .2s;box-shadow:0 2px 6px #0000001a}.logs-search:focus{border-color:var(--wis-lime);outline:none;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);border:1px solid var(--border-color);padding:20px}.logs-chart-title{color:var(--text-primary);margin-bottom:16px;font-size:17px;font-weight:600}.logs-chart-item{background:var(--bg-card-light);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 12px;display:flex}.logs-chart-item:last-child{margin-bottom:0}.logs-chart-item-left{align-items:center;gap:10px;display:flex}.logs-chart-dot{border-radius:50%;width:12px;height:12px}.logs-chart-label{color:var(--text-primary);font-size:15px}.logs-chart-value{color:var(--text-secondary);font-size:15px;font-weight:600}.pro-page-container{background:var(--bg-main);min-height:100%;padding:24px}.pro-page-header{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}@media (width>=768px){.pro-page-header{flex-direction:row;justify-content:space-between;align-items:center}}.pro-page-title{color:var(--text-primary);margin:0;font-size:24px;font-weight:700}.pro-page-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:14px}.pro-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pro-select option{background:var(--bg-card);color:var(--text-primary)}.pro-select-trigger{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;height:40px;color:var(--text-primary);cursor:pointer;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;transition:border-color .15s;display:flex}.pro-select-trigger:focus{border-color:var(--wis-lime);box-shadow:0 0 0 1px var(--wis-lime-glow);outline:none}.pro-select-content{z-index:50;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);width:100%;max-height:240px;box-shadow:var(--shadow-lg);margin-top:4px;padding:4px 0;position:absolute;overflow:auto}.pro-select-item{cursor:pointer;user-select:none;width:100%;color:var(--text-primary);align-items:center;padding:10px 14px;font-size:14px;transition:background .1s;display:flex;position:relative}.pro-select-item:hover{background:var(--bg-card-hover)}.pro-search-container{position:relative}.pro-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.pro-search-input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);min-width:200px;padding:8px 12px 8px 40px;font-size:14px}.pro-search-input::placeholder{color:var(--text-muted)}.pro-search-input:focus{border-color:var(--accent-primary);outline:none}.pro-btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.pro-btn svg{flex-shrink:0}.pro-btn-success{color:#fff;background:#166534}.pro-btn-success:hover:not(:disabled){background:#15803d}.pro-btn-primary{color:#fff;background:#1e40af}.pro-btn-primary:hover:not(:disabled){background:#1d4ed8}.pro-btn-danger{color:#fff;background:#991b1b}.pro-btn-danger:hover:not(:disabled){background:#b91c1c}.pro-btn-outline{border:1px solid var(--border-color);color:var(--text-primary);background:0 0}.pro-btn-outline:hover:not(:disabled){background:var(--bg-card-light)}.pro-btn-destructive{color:#fff;background:#dc2626;border:1px solid #dc2626}.pro-btn-destructive:hover:not(:disabled){background:#b91c1c}.pro-btn-link{color:var(--wis-lime);text-underline-offset:4px;background:0 0;border:none;text-decoration-line:underline}.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{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.pro-tabs-trigger{white-space:nowrap;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.pro-tabs-trigger:hover{color:var(--text-primary);background:#ffffff0d}.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-radius:var(--radius-lg);border:1px solid #f59e0b4d;overflow:hidden}.pro-pending-header{border-bottom:1px solid var(--border-color);padding:16px 20px}.pro-pending-title-row{justify-content:space-between;align-items:center;display:flex}.pro-pending-title-group{align-items:center;gap:10px;display:flex}.pro-pending-title{color:var(--text-primary);font-size:16px;font-weight:600}.pro-toggle-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px}.pro-toggle-btn:hover{background:var(--bg-card-light)}.pro-pending-description{color:var(--text-muted);margin:8px 0 0;font-size:13px}.pro-pending-content{padding:16px 20px}.pro-pending-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.pro-pending-item{background:var(--bg-card-light);border-radius:var(--radius-md);border:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.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{align-items:center;gap:8px;margin-bottom:4px;display:flex}.pro-pending-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.pro-pending-user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:12px;overflow:hidden}.pro-pending-badges{align-items:center;gap:8px;display:flex}.pro-badge-sm{padding:2px 8px;font-size:11px}.pro-badge-muted{background:var(--bg-card)!important;color:var(--text-secondary)!important}.pro-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite pro-spin;display:inline-block}.pro-spinner-sm{border-width:2px;width:16px;height:16px}.pro-spinner-xs{border-width:2px;width:12px;height:12px}@keyframes pro-spin{to{transform:rotate(360deg)}}.pro-pagination-bar{justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 8px;display:flex}.pro-pagination-info{color:var(--text-muted);font-size:14px}.pro-pagination-controls{align-items:center;gap:8px;display:flex}.pro-pagination-page{color:var(--text-secondary);padding:0 12px;font-size:14px}.pro-table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.pro-loading-container{justify-content:center;align-items:center;height:256px;display:flex}.pro-loading-content{color:var(--text-secondary);align-items:center;gap:12px;font-size:14px;display:flex}.pro-table{border-collapse:collapse;width:100%;font-size:14px}.pro-table-head{background:var(--bg-card-light);border-bottom:1px solid var(--border-color)}.pro-th{text-align:left;color:var(--text-secondary);white-space:nowrap;padding:14px 16px;font-weight:500}.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{color:var(--text-primary);vertical-align:middle;padding:14px 16px}.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{color:#60a5fa;border-radius:var(--radius-sm);background:#3b82f633;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.pro-status-indicator{justify-content:center;align-items:center;gap:6px;display:flex}.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{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:14px;overflow:hidden}.pro-actions-cell{justify-content:center;display:flex;position:relative}.pro-actions-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:8px;display:flex}.pro-actions-btn:hover{background:var(--bg-card-light)}.pro-dropdown-menu{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:99999;min-width:220px;margin-top:4px;position:absolute;top:100%;right:0;overflow:visible;box-shadow:0 10px 40px #00000080,0 4px 12px #0000004d}.pro-dropdown-header{border-bottom:1px solid var(--border-color);color:var(--text-muted);background:var(--bg-card);padding:10px 16px;font-size:12px;font-weight:500}.pro-dropdown-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;font-size:14px;display:flex}.pro-dropdown-item-danger{color:#dc2626}.pro-dropdown-item-danger:hover{background:#dc26261a}.pro-modal-overlay{backdrop-filter:blur(4px);z-index:100;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.pro-modal{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;position:relative;overflow-y:auto}.pro-modal-lg{width:100%;max-width:640px}.pro-modal-md{width:100%;max-width:420px}.pro-modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);z-index:10;background:0 0;border:none;padding:8px;position:absolute;top:16px;right:16px}.pro-modal-close:hover{background:var(--bg-card-light);color:var(--text-primary)}.pro-modal-content{padding:32px}.pro-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.pro-modal-title{color:var(--text-primary);text-align:center;margin:0 0 24px;font-size:22px;font-weight:700}.pro-modal-title-sm{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.pro-modal-close-sm{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px}.pro-modal-close-sm:hover{color:var(--text-primary)}.pro-modal-text{color:var(--text-primary);text-align:center;margin:0 0 16px;font-size:14px}.pro-form{flex-direction:column;gap:20px;display:flex}.pro-form-centered{align-items:center;padding:24px}.pro-form-group{flex-direction:column;gap:8px;display:flex}.pro-form-full{width:100%}.pro-label{color:var(--text-secondary);font-size:14px;font-weight:500}.pro-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;height:40px;color:var(--text-primary);padding:10px 14px;font-size:14px;transition:border-color .15s}.pro-input::placeholder{color:var(--text-muted)}.pro-input:focus{border-color:var(--wis-lime);box-shadow:0 0 0 1px var(--wis-lime-glow);outline:none}.pro-input-error{border-color:#dc2626!important}.pro-input-group{position:relative}.pro-input-group .pro-input{padding-right:48px}.pro-input-addon{height:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:0 14px;display:flex;position:absolute;top:0;right:0}.pro-input-addon:hover{color:var(--text-primary)}.pro-select-modal{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;padding:10px 14px;font-size:14px}.pro-select-modal:focus{border-color:var(--accent-primary);outline:none}.pro-select-modal option{background:var(--bg-card);color:var(--text-primary)}.pro-error-text{color:#dc2626;margin:4px 0 0;font-size:12px}.pro-hint-text{color:var(--text-muted);margin:4px 0 0;font-size:12px}.pro-modal-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;margin-top:8px;padding-top:16px;display:flex}.pro-modal-actions-center{border-top:none;justify-content:center;margin-top:8px;padding-top:16px}.pro-device-select option{background:var(--bg-card);color:var(--text-primary)}.app-auth-tab{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.app-auth-tab:hover{background:var(--bg-card-light);color:var(--text-primary)}.app-auth-tab-active{font-weight:600;background:var(--wis-lime)!important;color:#000!important}.app-auth-device-dropdown{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50;scrollbar-width:thin;scrollbar-color:var(--wis-lime) transparent;min-width:280px;max-height:300px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-x:hidden;overflow-y:auto!important}.app-auth-device-dropdown::-webkit-scrollbar{width:6px}.app-auth-device-dropdown::-webkit-scrollbar-track{background:0 0}.app-auth-device-dropdown::-webkit-scrollbar-thumb{background:var(--wis-lime);border-radius:3px}.app-auth-device-option{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:12px 16px;transition:background .15s;display:block}.app-auth-device-option:hover{background:var(--bg-card-light)}.app-auth-device-option.selected{border-left:3px solid var(--wis-lime);background:#39ff141a}.app-auth-form-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:24px;padding:24px}.app-auth-form-title{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:700}.app-auth-form-subtitle{color:var(--text-secondary);border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:16px;font-size:14px}.app-auth-info-box{border-radius:var(--radius-md);background:#39ff1414;border:1px solid #39ff144d;margin-bottom:20px;padding:12px 16px}.app-auth-info-box p{color:var(--text-primary);margin:0;font-size:14px}.app-auth-info-box strong{color:var(--wis-lime)}.app-auth-form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.app-auth-label{color:var(--text-secondary);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.app-auth-input{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);padding:10px 14px;font-size:14px;transition:border-color .2s}.app-auth-input::placeholder{color:var(--text-muted)}.app-auth-input:focus{border-color:var(--wis-lime);outline:none}.app-auth-input:disabled{opacity:.6;cursor:not-allowed}.app-auth-datetime-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.app-auth-date-btn{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;padding:10px 14px;font-size:14px;transition:border-color .2s;display:flex}.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{background:var(--wis-lime);border-radius:var(--radius-md);color:#000;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.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{border-collapse:collapse;width:100%;font-size:14px}.app-auth-table thead{background:var(--bg-card-light);border-bottom:1px solid var(--border-color)}.app-auth-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:14px 16px;font-size:12px;font-weight:500}.app-auth-table td{color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:14px 16px}.app-auth-table tr:last-child td{border-bottom:none}.app-auth-table tr:hover td{background:var(--bg-card-light)}.netconfig-tabs{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-wrap:wrap;gap:4px;margin-bottom:16px;padding:4px;display:flex}.netconfig-tab{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.netconfig-tab:hover{background:var(--bg-card-light);color:var(--text-primary)}.netconfig-tab-active{font-weight:600;background:var(--wis-lime)!important;color:#000!important}.netconfig-selectors{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.netconfig-selector-group{flex-direction:column;gap:6px;display:flex}.netconfig-selector-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.netconfig-select{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;min-width:180px;padding:8px 12px;font-size:14px}.netconfig-select:focus{border-color:var(--wis-lime);outline:none}.netconfig-select option{background:var(--bg-card);color:var(--text-primary)}.app-auth-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.app-auth-empty svg{color:var(--text-muted);margin-bottom:16px}.app-auth-empty h3{color:var(--text-secondary);margin-bottom:8px;font-size:18px;font-weight:600}.app-auth-empty p{color:var(--text-muted);font-size:14px}.landing-page{color:#e6edf3;min-height:100vh;font-family:var(--font-sans);background:linear-gradient(135deg,#0d1117 0%,#161b22 50%,#0d1117 100%)}.landing-nav{z-index:100;background:#fffffff2;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0000001a}.landing-nav-logo{align-items:center;gap:8px;display:flex}.landing-logo-img{width:auto;height:40px}.landing-logo-text{color:#1f2937;font-size:24px;font-weight:700}.landing-nav-actions{align-items:center;gap:16px;display:flex}.landing-btn{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:10px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.landing-btn-outline{color:#1f2937;background:0 0;border:1px solid #d1d5db}.landing-btn-outline:hover{background:#f3f4f6;border-color:#9ca3af}.landing-btn-primary{color:#fff;background:#991b1b;border:1px solid #991b1b}.landing-btn-primary:hover{background:#7f1d1d}.landing-hero{align-items:center;min-height:100vh;padding:100px 32px 60px;display:flex;position:relative;overflow:hidden}.landing-hero-bg{background:linear-gradient(135deg,#0a1628 0%,#0d1117 40%,#162236 100%);position:absolute;inset:0}.landing-hero-overlay{background:radial-gradient(at 80%,#00649626 0%,#0000 50%);position:absolute;inset:0}.landing-hero-pattern{background-image:radial-gradient(circle at 20% 80%,#00ff880d 0%,#0000 25%),radial-gradient(circle at 80% 20%,#00d4ff0d 0%,#0000 25%);position:absolute;inset:0}.landing-hero-content{z-index:10;grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1400px;margin:0 auto;display:grid;position:relative}.landing-hero-decoration{margin-bottom:24px}.landing-circuit-svg{width:300px;height:80px}.landing-hero-title{color:#fff;text-transform:uppercase;letter-spacing:-1px;margin-bottom:24px;font-size:48px;font-weight:800;line-height:1.1}.landing-hero-highlight{background:linear-gradient(90deg,#0f8,#00d4ff);-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-subtitle{color:#9ca3af;font-size:24px;line-height:1.5}.landing-hero-image{justify-content:center;align-items:center;display:flex}.landing-hero-logo{flex-direction:column;align-items:center;gap:16px;display:flex}.landing-wis-icon{width:120px;height:140px}.landing-wis-svg{width:100%;height:100%}.landing-wis-text{color:#fff;text-shadow:2px 2px 20px #00ff884d;font-size:72px;font-weight:900}.landing-features{background:#f9fafb;padding:80px 32px}.landing-section-title{text-align:center;color:#1f2937;margin-bottom:48px;font-size:32px;font-weight:700}.landing-section-subtitle{text-align:center;color:#6b7280;max-width:600px;margin:-32px auto 48px;font-size:18px}.landing-features-grid{grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px;margin:0 auto;display:grid}.landing-feature-card{text-align:center;background:#fff;border-radius:12px;padding:32px;transition:all .3s;box-shadow:0 1px 3px #0000001a}.landing-feature-card:hover{transform:translateY(-4px);box-shadow:0 10px 40px #0000001a}.landing-feature-icon{background:linear-gradient(135deg,#0f8 0%,#00d4ff 100%);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.landing-feature-icon svg{stroke:#fff;width:32px;height:32px}.landing-feature-card h3{color:#1f2937;margin-bottom:12px;font-size:20px;font-weight:600}.landing-feature-card p{color:#6b7280;font-size:16px}.landing-transform{background:#f9fafb;padding:80px 32px}.landing-transform-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:grid}.landing-transform-visual{background:linear-gradient(135deg,#0d1117 0%,#1f2937 100%);border-radius:16px;justify-content:center;align-items:center;height:400px;padding:40px;display:flex}.landing-chart-svg{width:100%;height:200px}.landing-transform-text h2{color:#1f2937;margin-bottom:20px;font-size:36px;font-weight:700}.landing-transform-text p{color:#6b7280;margin-bottom:24px;font-size:18px;line-height:1.7}.landing-checklist{margin:0 0 32px;padding:0;list-style:none}.landing-checklist li{color:#374151;align-items:center;gap:12px;padding:8px 0;font-size:16px;display:flex}.landing-checklist svg{stroke:#059669;flex-shrink:0;width:20px;height:20px}.landing-transform-actions{gap:16px;display:flex}.landing-wifi-options{background:#fff;padding:80px 32px}.landing-options-grid{grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px;margin:0 auto;display:grid}.landing-option-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:32px;transition:all .3s}.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{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;transition:transform .5s;display:flex}.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{color:#1f2937;margin-bottom:20px;font-size:24px;font-weight:600}.landing-option-card ul{text-align:left;margin:0 0 24px;padding:0;list-style:none}.landing-option-card li{color:#6b7280;align-items:center;gap:8px;padding:8px 0;font-size:14px;display:flex}.landing-option-card li:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px}.landing-option-blue li:before{background:#2563eb}.landing-option-green li:before{background:#16a34a}.landing-option-purple li:before{background:#9333ea}.landing-option-btn{cursor:pointer;color:#fff;border:none;border-radius:8px;width:100%;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s}.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{text-align:center;background:#fff;padding:60px 32px}.landing-help h2{color:#1f2937;margin-bottom:12px;font-size:28px;font-weight:600}.landing-help p{color:#6b7280;margin-bottom:24px;font-size:16px}.landing-help-actions{justify-content:center;gap:16px;display:flex}.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{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.landing-footer-section h4{color:#1f2937;margin-bottom:20px;font-size:16px;font-weight:600}.landing-footer-section ul{margin:0;padding:0;list-style:none}.landing-footer-section li{color:#6b7280;padding:6px 0;font-size:14px}.landing-footer-section a{color:#6b7280;text-decoration:none;transition:color .2s}.landing-footer-section a:hover{color:#1f2937}.landing-footer-logo{align-items:center;gap:8px;margin-bottom:16px;display:flex}.landing-footer-logo span{color:#1f2937;font-size:18px;font-weight:600}.landing-footer-section p{color:#6b7280;margin-bottom:20px;font-size:14px;line-height:1.6}.landing-social-links{gap:16px;display:flex}.landing-social-link{color:#9ca3af;transition:color .2s}.landing-social-link:hover{color:#1f2937}.landing-social-link svg{width:24px;height:24px}.landing-footer-bottom{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding-top:24px;display:flex}.landing-footer-bottom p{color:#6b7280;font-size:14px}.landing-footer-links{gap:24px;display:flex}.landing-footer-links a{color:#6b7280;font-size:14px;text-decoration:none;transition:color .2s}.landing-footer-links a:hover{color:#1f2937}@media (width<=1024px){.landing-hero-content{text-align:center;grid-template-columns:1fr}.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 (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{text-align:center;flex-direction:column;gap:16px}.landing-transform-actions,.landing-help-actions{flex-direction:column}}html[data-theme=light],html[data-theme=light] body,[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}[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:#0000!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{border:none!important;box-shadow:0 16px 36px #00000014!important}[data-theme=light] [class*=border-gray],[data-theme=light] [class*=border-slate],[data-theme=light] [class*=border-zinc]{border-color:#0000!important}[data-theme=light] .pro-tabs-list{background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:10px!important;flex-wrap:wrap!important;gap:4px!important;padding:4px!important;display:flex!important}[data-theme=light] .pro-tabs-trigger{color:#64748b!important;background:0 0!important;border:none!important;border-radius:8px!important;padding:10px 20px!important;font-size:14px!important;font-weight:500!important;transition:all .2s!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[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{color:#64748b!important;background:0 0!important;border:none!important;border-radius:8px!important;padding:10px 20px!important;font-size:14px!important;font-weight:500!important;transition:all .2s!important}[data-theme=light] .unified-tab:hover{color:#334155!important;background:#0000000d!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{color:#6b7280!important;text-transform:none!important;letter-spacing:0!important;background:#f8f9fb!important;border:none!important;border-bottom:1px solid #0000000d!important;padding:14px 16px!important;font-size:12px!important;font-weight:500!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{color:#0f172a!important;background:#fff!important;border-bottom:1px solid #0000000a!important;padding:14px 16px!important;font-size:11px!important;font-weight:400!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{border-collapse:separate!important;border-spacing:0!important;background:#fff!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{color:#0f172a!important;margin-bottom:4px!important;font-size:24px!important;font-weight:600!important}[data-theme=light] .pro-subtitle,[data-theme=light] .pro-page-header p{color:#6b7280!important;font-size:14px!important;font-weight:400!important}[data-theme=light] input:not([type=checkbox]):not([type=radio]),[data-theme=light] textarea,[data-theme=light] .app-auth-input{color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:10px 14px!important;font-size:13px!important;transition:all .2s!important}[data-theme=light] select,[data-theme=light] .pro-device-select,[data-theme=light] .app-auth-time-select{color:#0f172a!important;appearance:none!important;background-color:#fff!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-position:right 10px center!important;background-repeat:no-repeat!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:10px 32px 10px 14px!important;font-size:13px!important;transition:all .2s!important}[data-theme=light] .pro-btn-primary,[data-theme=light] .pro-btn-success,[data-theme=light] button.pro-btn-primary{color:#fff!important;background:linear-gradient(#22c55e 0%,#16a34a 100%)!important;border:none!important;border-radius:8px!important;padding:10px 18px!important;font-size:13px!important;font-weight:500!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(#16a34a 0%,#15803d 100%)!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{color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:10px 18px!important;font-size:13px!important;font-weight:500!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{color:#6b7280!important;margin-bottom:6px!important;font-size:12px!important;font-weight:500!important;display:block!important}[data-theme=light] .pro-badge,[data-theme=light] [class*=Badge]{border-radius:6px!important;padding:4px 10px!important;font-size:11px!important;font-weight:500!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;border-bottom:1px solid #0000000a!important;padding:12px 16px!important}[data-theme=light] .app-auth-device-option:hover{background:#f8f9fb!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 #0000000d!important}[data-theme=light] .pro-modal-title{color:#0f172a!important;font-size:18px!important;font-weight:600!important}[data-theme=light] .pro-modal-footer{border-top:1px solid #0000000d!important}[data-theme=light] .app-auth-info-box{background:#f8f9fb!important;border:1px solid #0000000d!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-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] .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]{border-radius:9999px!important;padding:4px 10px!important;font-weight:500!important}.sidebar-logo-img{object-fit:contain;border-radius:10px;width:56px;height:56px}[data-theme=light] .sidebar-logo{justify-content:center;align-items:center;padding:12px;display:flex}[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{color:#fff!important;background:#18181b!important;border:none!important;border-radius:8px!important;padding:10px 18px!important;font-size:13px!important;font-weight:500!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{color:#18181b!important;background:#18181b14!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;outline:none!important;box-shadow:0 0 0 3px #18181b1a!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:#18181b #00000014 #00000014!important}.pro-tabs{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);gap:4px;padding:4px;display:flex}.pro-tab{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.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{background:#0003;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.pro-tab.active .pro-tab-count{color:#000;background:#0000004d}.pro-dropdown-container{display:inline-block;position:static}.pro-dropdown-menu{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:99999;min-width:220px;margin-top:4px;animation:.15s dropdownFadeIn;position:absolute;top:100%;right:0;overflow:visible;box-shadow:0 10px 40px #00000080,0 4px 12px #0000004d}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pro-dropdown-header{border-bottom:1px solid var(--border-color);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-card);padding:10px 14px;font-size:11px;font-weight:600}.pro-dropdown-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;font-size:13px;transition:all .15s;display:flex}.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,.pro-dropdown-item.danger svg{color:var(--wis-red)}.pro-dropdown-item.danger:hover{background:#ff47571a}.pro-dropdown-divider{background:var(--border-color);height:1px;margin:4px 0}.pro-toggle{background:var(--bg-card-light);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;width:44px;height:24px;transition:all .2s;display:inline-flex;position:relative}.pro-toggle.active{background:var(--wis-lime);border-color:var(--wis-lime)}.pro-toggle-slider{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.pro-toggle.active .pro-toggle-slider{transform:translate(20px)}.pro-info-box{border-radius:var(--radius-md);align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.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{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633}.pro-info-box.green{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33}.pro-info-box.gray{color:#9ca3af;background:#6b72801a;border:1px solid #6b728033}.pro-info-box.yellow{color:#fbbf24;background:#eab3081a;border:1px solid #eab30833}.pro-form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.pro-form-full{grid-column:1/-1}.pro-form-hint{color:var(--text-muted);margin-top:4px;font-size:11px}.pro-input-with-icon{align-items:center;display:flex;position:relative}.pro-input-with-icon input{width:100%;padding-right:40px}.pro-input-icon-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;right:8px}.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);text-align:center;cursor:pointer;padding:32px;transition:all .2s}.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{flex-direction:column;align-items:center;gap:12px;display:flex}.pro-upload-placeholder svg{width:48px;height:48px;color:var(--text-muted)}.pro-upload-placeholder p{color:var(--text-secondary);margin:0;font-size:14px}.pro-upload-placeholder span{color:var(--wis-lime);font-weight:500}.pro-upload-preview{flex-direction:column;align-items:center;gap:12px;display:flex}.pro-upload-preview img{border-radius:var(--radius-md);object-fit:contain;max-width:200px;max-height:150px}.pro-upload-hint{color:var(--text-muted);margin-top:8px;font-size:11px}.pro-checkbox-group{background:var(--bg-card-light);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-direction:column;gap:10px;padding:12px;display:flex}.pro-checkbox-label{cursor:pointer;color:var(--text-primary);align-items:center;gap:10px;font-size:13px;display:flex}.pro-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--wis-lime)}.pro-mac-cell{align-items:center;gap:6px;min-width:0;display:flex}.pro-device-mac{color:var(--text-primary);background:var(--bg-card-light);border-radius:var(--radius-sm);white-space:nowrap;padding:3px 6px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px}.pro-mac-missing{color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:11px;font-style:italic;display:flex}.pro-action-buttons{align-items:center;gap:8px;display:flex}.pro-action-buttons .pro-btn{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.pro-btn-mini{border-radius:4px;padding:4px 8px;font-size:11px}.pro-btn-link{color:var(--wis-blue);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.pro-btn-link:hover{color:#79c0ff}.pro-btn-manage{background:var(--bg-card-light);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.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-modal-large{max-width:640px}.pro-modal-xl{max-width:800px}.pro-modal-sm{max-width:360px}.pro-filter-count{background:var(--wis-lime);color:#000;white-space:nowrap;border-radius:16px;justify-content:center;align-items:center;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.pro-view-mode-selector{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);align-items:center;gap:12px;padding:8px 14px;display:flex}.pro-view-mode-label{color:var(--text-secondary);white-space:nowrap;font-size:13px;font-weight:500}.pro-approval-cell{align-items:center;gap:10px;display:flex}.pro-approval-badge{border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.pro-approval-badge.approved{color:#22c55e;background:#22c55e26}.pro-approval-badge.pending{color:#fbbf24;background:#eab30826}.pro-location-cell{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.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{color:#0f172a;background:#f1f5f9}[data-theme=light] .pro-tab.active{color:#fff;background:linear-gradient(#0f172a 0%,#1e293b 100%)}[data-theme=light] .pro-tab.active .pro-tab-count{color:#fff;background:#fff3}[data-theme=light] .pro-dropdown-menu{z-index:99999;background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 40px #0003,0 4px 12px #0000001a}[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{color:#3b82f6;background:#3b82f614;border-color:#3b82f626}[data-theme=light] .pro-info-box.green{color:#16a34a;background:#22c55e14;border-color:#22c55e26}[data-theme=light] .pro-upload-area{background:#fff;border-color:#e2e8f0}[data-theme=light] .pro-upload-area:hover{background:#22c55e0d;border-color:#22c55e}[data-theme=light] .pro-device-mac{color:#0f172a;background:#f1f5f9}[data-theme=light] .pro-checkbox-group{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .pro-btn-manage{color:#0f172a;background:#fff;border-color:#e2e8f0}[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{cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:all .2s;position:relative}.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{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;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{background:var(--bg-card-light);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pms-card-title{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:16px;font-weight:600;display:flex}.pms-card-body{padding:20px}.pms-provider-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.pms-provider-card{background:var(--bg-body);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;text-align:center;flex-direction:column;align-items:center;padding:16px 12px;transition:all .2s;display:flex;position:relative}.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{background:var(--bg-card-lighter);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-secondary);justify-content:center;align-items:center;margin-bottom:10px;display:flex}.pms-provider-card.selected .pms-provider-icon{color:var(--wis-lime);background:#39ff1426}.pms-provider-name{color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:600}.pms-provider-desc{color:var(--text-secondary);font-size:11px;line-height:1.3}.pms-provider-check{background:var(--wis-lime);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:8px;right:8px}.pms-settings-list{flex-direction:column;gap:16px;display:flex}.pms-setting-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.pms-setting-row:last-child{border-bottom:none}.pms-setting-label{color:var(--text-primary);font-size:14px;font-weight:500}.pms-setting-desc{color:var(--text-secondary);margin-top:2px;font-size:12px}.pms-test-result{border-radius:var(--radius-md);align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.pms-test-result.success{color:var(--wis-green);background:#2eff8a1a;border:1px solid #2eff8a4d}.pms-test-result.error{color:var(--wis-red);background:#ff47571a;border:1px solid #ff47574d}.pms-empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;padding:40px 20px;display:flex}.pms-empty-state p{margin:8px 0 0}.pms-mappings-list{flex-direction:column;gap:8px;display:flex}.pms-mapping-item{background:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pms-mapping-info{align-items:center;gap:12px;display:flex}.pms-mapping-project,.pms-mapping-property{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.pms-mapping-arrow{color:var(--text-muted)}.pms-mapping-remove{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:6px;transition:all .2s}.pms-mapping-remove:hover{color:var(--wis-red);background:#ff47571a}.pms-guest-list{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden}.pms-guest-controls{border-bottom:1px solid var(--border-color);background:var(--bg-card-light);justify-content:space-between;align-items:center;padding:16px;display:flex}.pms-guest-tabs{gap:8px;display:flex}.pms-tab{background:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.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{background:#fff3;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.pms-tab.active .pms-tab-count{background:#0003}.pms-guest-actions{align-items:center;gap:12px;display:flex}.pms-guest-table{margin:0}.pms-guest-row{transition:background .15s}.pms-guest-row:hover{background:var(--bg-card-hover)}.pms-guest-name{align-items:center;gap:10px;display:flex}.pms-guest-avatar{background:linear-gradient(135deg, var(--wis-lime), var(--wis-blue));color:#000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.pms-room-badge{color:var(--wis-lime);border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:var(--font-mono);background:#39ff141f;padding:4px 10px;display:inline-flex}.pms-loading,.pms-empty{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 20px;display:flex}.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{border-bottom:1px solid var(--border-color);align-items:flex-start;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.pms-validation-header h3{color:var(--text-primary);margin:0 0 4px;font-size:16px;font-weight:600}.pms-validation-header p{color:var(--text-secondary);margin:0;font-size:13px}.pms-validation-fields{flex-direction:column;gap:16px;display:flex}.pms-field-group{flex-direction:column;gap:12px;display:flex}.pms-field{flex-direction:column;gap:6px;display:flex}.pms-validation-actions{gap:10px;margin-top:4px;display:flex}.pms-validation-result{border-radius:var(--radius-md);margin-top:20px;padding:16px}.pms-validation-result.success{background:#2eff8a14;border:1px solid #2eff8a33}.pms-validation-result.error{background:#ff475714;border:1px solid #ff475733}.pms-result-header{align-items:center;gap:10px;margin-bottom:12px;font-size:15px;font-weight:600;display:flex}.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{flex-direction:column;gap:8px;display:flex}.pms-result-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:6px 0;display:flex}.pms-result-row:last-child{border-bottom:none}.pms-result-label{color:var(--text-secondary);font-size:13px}.pms-result-value{color:var(--text-primary);font-size:13px;font-weight:500}.pms-result-error{color:var(--wis-red);margin-top:8px;font-size:14px}[data-theme=light] .pms-provider-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .pms-provider-card:hover{background:#22c55e0d;border-color:#22c55e}[data-theme=light] .pms-provider-card.selected{background:#22c55e14;border-color:#22c55e}[data-theme=light] .pms-provider-icon{color:#64748b;background:#f1f5f9}[data-theme=light] .pms-provider-card.selected .pms-provider-icon{color:#16a34a;background:#22c55e26}[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{color:#64748b;background:#fff;border-color:#e2e8f0}[data-theme=light] .pms-tab:hover{color:#0f172a;background:#f1f5f9}[data-theme=light] .pms-tab.active{color:#fff;background:#22c55e;border-color:#22c55e}[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{color:#16a34a;background:#22c55e1f}.ai-dashboard{background:#0d1117;min-height:calc(100vh - 60px);padding:16px 20px}.ai-dashboard-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.ai-dashboard-title{color:#e6edf3;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:600;display:flex}.ai-dashboard-title svg{color:#a855f7}.ai-dashboard-subtitle{color:#8b949e;margin:4px 0 0;font-size:13px}.ai-dashboard-actions{gap:8px;display:flex}.ai-kpi-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.ai-kpi-card{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:16px;transition:all .2s;position:relative;overflow:hidden}.ai-kpi-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.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{background:#1c2128;border-color:#3d444d;transform:translateY(-2px)}.ai-kpi-label{color:#fff!important;text-transform:uppercase!important;letter-spacing:.5px!important;order:1!important;margin-bottom:4px!important;font-size:10px!important;font-weight:500!important}.ai-kpi-value{color:var(--text-primary)!important;order:2!important;font-size:18px!important;font-weight:700!important;line-height:1.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{color:#8b949e;align-items:center;gap:4px;margin-top:8px;font-size:11px;display:flex}.ai-kpi-trend svg{width:14px;height:14px}.ai-kpi-trend.up{color:#f85149}.ai-kpi-trend.down{color:#3fb950}.ai-tabs{border-bottom:1px solid #30363d;gap:8px;margin-bottom:20px;padding-bottom:0;display:flex}.ai-tab{color:#8b949e;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.ai-tab:hover{color:#e6edf3}.ai-tab.active{color:#a855f7;border-bottom-color:#a855f7}.ai-tab svg{width:16px;height:16px}.ai-panel{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:20px}.ai-panel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ai-panel-title{color:#e6edf3;font-size:14px;font-weight:600}.ai-anomaly-list{flex-direction:column;gap:12px;display:flex}.ai-anomaly-item{background:#21262d;border:1px solid #30363d;border-radius:6px;gap:12px;padding:14px;transition:all .2s;display:flex}.ai-anomaly-item:hover{background:#2d333b;border-color:#3d444d}.ai-anomaly-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ai-anomaly-icon.critical{color:#f85149;background:#f8514926}.ai-anomaly-icon.high{color:#d29922;background:#d2992226}.ai-anomaly-icon.medium{color:#f0883e;background:#f0883e26}.ai-anomaly-icon.low{color:#3fb950;background:#3fb95026}.ai-anomaly-content{flex:1;min-width:0}.ai-anomaly-header{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.ai-anomaly-title{color:#e6edf3;font-size:13px;font-weight:600}.ai-anomaly-time{color:#6b7280;font-size:11px}.ai-anomaly-desc{color:#8b949e;margin-bottom:8px;font-size:12px}.ai-anomaly-meta{color:#6b7280;gap:16px;font-size:11px;display:flex}.ai-anomaly-meta span{align-items:center;gap:4px;display:flex}.ai-anomaly-actions{flex-shrink:0;align-self:center;gap:8px;display:flex}.ai-action-btn:hover{background:#30363d;border-color:#3d444d}.ai-action-btn.primary{color:#fff;background:#238636;border-color:#238636}.ai-action-btn.primary:hover{background:#2ea043;border-color:#2ea043}.ai-severity-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:600}.ai-severity-badge.critical{color:#f85149;background:#f8514926}.ai-severity-badge.high{color:#d29922;background:#d2992226}.ai-severity-badge.medium{color:#f0883e;background:#f0883e26}.ai-severity-badge.low{color:#3fb950;background:#3fb95026}.ai-prediction-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.ai-prediction-card{background:#21262d;border:1px solid #30363d;border-radius:8px;padding:16px;transition:all .2s}.ai-prediction-card:hover{background:#2d333b;border-color:#3d444d}.ai-prediction-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ai-prediction-device{color:#e6edf3;font-size:13px;font-weight:600}.ai-prediction-score{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.ai-prediction-score.good{color:#3fb950;background:#3fb95026}.ai-prediction-score.warning{color:#d29922;background:#d2992226}.ai-prediction-score.critical{color:#f85149;background:#f8514926}.ai-prediction-body{color:#8b949e;margin-bottom:12px;font-size:12px}.ai-prediction-risk{background:#161b22;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:flex}.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{flex-direction:column;gap:12px;display:flex}.ai-insight-item{background:#21262d;border:1px solid #30363d;border-left:3px solid #a855f7;border-radius:6px;padding:14px 16px}.ai-insight-title{color:#e6edf3;margin-bottom:6px;font-size:13px;font-weight:600}.ai-insight-desc{color:#8b949e;font-size:12px;line-height:1.5}.ai-insight-meta{border-top:1px solid #30363d;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;display:flex}.ai-insight-category{color:#a855f7;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:500}.ai-insight-confidence{color:#6b7280;font-size:11px}.ai-search-container{margin-bottom:20px}.ai-search-box{position:relative}.ai-search-input{color:#e6edf3;background:#21262d;border:1px solid #30363d;border-radius:8px;width:100%;padding:14px 20px 14px 48px;font-size:14px;transition:all .2s}.ai-search-input::placeholder{color:#6b7280}.ai-search-input:focus{border-color:#a855f7;outline:none;box-shadow:0 0 0 3px #a855f733}.ai-search-icon{color:#6b7280;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.ai-search-icon svg{width:20px;height:20px}.ai-search-suggestions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.ai-search-suggestion{color:#8b949e;cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:16px;padding:6px 14px;font-size:12px;transition:all .15s}.ai-search-suggestion:hover{color:#e6edf3;background:#30363d;border-color:#a855f7}.ai-search-results{margin-top:20px}.ai-search-result{background:#21262d;border:1px solid #30363d;border-radius:8px;margin-bottom:12px;padding:16px}.ai-search-result-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ai-search-result-title{color:#e6edf3;font-size:14px;font-weight:600}.ai-search-result-type{color:#8b949e;text-transform:uppercase;background:#161b22;border-radius:4px;padding:3px 10px;font-size:10px;font-weight:500}.ai-search-result-content{color:#8b949e;font-size:13px;line-height:1.5}.ai-chat-fab{color:#fff;cursor:pointer;z-index:10000;background:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #a855f766}.ai-chat-fab:hover{transform:scale(1.1);box-shadow:0 6px 28px #a855f780}.ai-chat-fab-pulse{background:#a855f766;border-radius:50%;width:100%;height:100%;animation:2s ease-out infinite ai-fab-pulse;position:absolute}@keyframes ai-fab-pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.ai-chat-window{z-index:10001;background:#161b22;border:1px solid #30363d;border-radius:12px;flex-direction:column;width:380px;height:520px;transition:all .3s;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 8px 40px #0006}.ai-chat-window.minimized{height:auto}.ai-chat-header{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.ai-chat-header-left{align-items:center;gap:10px;display:flex}.ai-chat-avatar{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ai-chat-header-info{flex-direction:column;display:flex}.ai-chat-title{font-size:14px;font-weight:600}.ai-chat-status{opacity:.9;align-items:center;gap:4px;font-size:11px;display:flex}.ai-status-dot{background:#6b7280;border-radius:50%;width:6px;height:6px}.ai-status-dot.online{background:#3fb950}.ai-chat-header-actions{gap:4px;display:flex}.ai-chat-action-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex}.ai-chat-action-btn:hover{background:#fff3}.ai-chat-messages{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.ai-chat-message{gap:10px;max-width:85%;display:flex}.ai-chat-message.user{flex-direction:row-reverse;margin-left:auto}.ai-message-avatar{color:#a855f7;background:#a855f733;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.ai-message-content{color:#e6edf3;background:#21262d;border-radius:12px;padding:10px 14px;font-size:13px;line-height:1.5}.ai-message-content code{background:#30363d;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:12px}.ai-chat-message.user .ai-message-content{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%)}.ai-message-time{color:#6b7280;margin-top:4px;font-size:10px;display:block}.ai-chat-message.user .ai-message-time{text-align:right}.ai-message-loading{background:#21262d;border-radius:12px;gap:4px;padding:12px 16px;display:flex}.ai-typing-dot{background:#6b7280;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite ai-typing}.ai-typing-dot:nth-child(2){animation-delay:.2s}.ai-typing-dot:nth-child(3){animation-delay:.4s}@keyframes ai-typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.ai-quick-actions{background:#21262d;border-radius:8px;margin-top:8px;padding:12px}.ai-quick-actions-label{color:#6b7280;margin-bottom:8px;font-size:11px}.ai-quick-actions-list{flex-wrap:wrap;gap:6px;display:flex}.ai-quick-action-btn{color:#c9d1d9;cursor:pointer;background:#30363d;border:1px solid #3d444d;border-radius:16px;padding:6px 12px;font-size:11px;transition:all .15s}.ai-quick-action-btn:hover{color:#e6edf3;background:#3d444d;border-color:#a855f7}.ai-chat-input-container{background:#161b22;border-top:1px solid #30363d;gap:8px;padding:12px 16px;display:flex}.ai-chat-input{color:#e6edf3;background:#21262d;border:1px solid #30363d;border-radius:8px;flex:1;padding:10px 14px;font-size:13px;transition:all .2s}.ai-chat-input::placeholder{color:#6b7280}.ai-chat-input:focus{border-color:#a855f7;outline:none}.ai-chat-input:disabled{opacity:.5;cursor:not-allowed}.ai-chat-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%);border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.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{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.ai-empty-icon{color:#a855f7;background:#a855f71a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex}.ai-empty-title{color:#e6edf3;margin-bottom:8px;font-size:16px;font-weight:600}.ai-empty-desc{color:#8b949e;max-width:280px;font-size:13px}[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{color:#374151;background:#fff;border-color:#e2e8f0}[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{color:#0f172a;background:#fff;border-color:#e2e8f0}[data-theme=light] .ai-search-input::placeholder,[data-theme=light] .ai-search-icon{color:#94a3b8}[data-theme=light] .ai-search-suggestion{color:#64748b;background:#fff;border-color:#e2e8f0}[data-theme=light] .ai-search-suggestion:hover{color:#0f172a;background:#f1f5f9}[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{color:#64748b;background:#f1f5f9}[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{color:#0f172a;background:#f1f5f9}[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{color:#374151;background:#fff;border-color:#e2e8f0}[data-theme=light] .ai-quick-action-btn:hover{color:#0f172a;background:#f8fafc}[data-theme=light] .ai-chat-input-container{background:#fff;border-color:#e2e8f0}[data-theme=light] .ai-chat-input{color:#0f172a;background:#f8fafc;border-color:#e2e8f0}[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 (width<=1200px){.ai-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.ai-kpi-row{grid-template-columns:1fr}.ai-chat-window{width:calc(100% - 32px);height:60vh;bottom:16px;right:16px}.ai-tabs{flex-wrap:nowrap;overflow-x:auto}.ai-tab{white-space:nowrap;flex-shrink:0}.ai-prediction-grid{grid-template-columns:1fr}}button,.btn,[class*=btn-],[class*=Button]{cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:15px;font-weight:500;line-height:1.4;transition:all .2s;display:inline-flex}.pro-btn-primary{background:linear-gradient(135deg, var(--wis-lime), var(--wis-lime-soft))!important;color:#000!important;box-shadow:0 2px 8px var(--wis-lime-glow)!important;border:none!important;font-weight:600!important}.pro-btn-primary:hover{transform:translateY(-1px);background:linear-gradient(135deg, var(--primary-hover), var(--wis-lime))!important;box-shadow:0 4px 12px var(--wis-lime-glow)!important}.pro-btn-primary:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important}.pro-btn-outline{border:1px solid var(--border-color)!important;color:var(--text-primary)!important;background:0 0!important;font-weight:500!important}.pro-btn-outline:hover{background:var(--bg-card-light)!important;border-color:var(--border-light)!important}.pro-btn-ghost{color:var(--text-secondary)!important;background:0 0!important;border:none!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]{min-height:32px!important;padding:6px 12px!important;font-size:14px!important}.pro-btn-lg,button.btn-lg,[class*=btn-lg]{min-height:48px!important;padding:12px 24px!important;font-size:17px!important}.pro-btn-icon,button:has(svg):not(:has(span)):not(:has(p)):not(:has(div)){min-width:40px!important;min-height:40px!important;padding:8px!important}input:not([type=checkbox]):not([type=radio]),textarea{border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);border-radius:8px;min-height:40px;padding:10px 14px;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:15px;transition:all .2s}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{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}.shadow-sm{box-shadow:var(--shadow-card)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.animate-spin{animation:1s linear infinite spin!important}.transition-all{transition:all .2s!important}.transition-colors{transition:color .2s,background-color .2s!important}.duration-200{transition-duration:.2s!important}.overflow-hidden{overflow:hidden!important}@media (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{color:#fff!important;background:linear-gradient(#0f172a 0%,#1e293b 100%)!important;box-shadow:0 4px 12px #0f172a33!important}[data-theme=light] .pro-btn-primary:hover{background:linear-gradient(#1e293b 0%,#334155 100%)!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{min-height:calc(100vh - 60px);padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.ai-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.ai-page-title-section{align-items:center;gap:16px;display:flex}.ai-page-icon{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#6366f1 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ai-page-title{color:var(--text-primary,#e6edf3);letter-spacing:-.5px;margin:0;font-size:24px;font-weight:700}.ai-page-subtitle{color:var(--text-secondary,#8b949e);margin:4px 0 0;font-size:14px}.ai-refresh-btn{background:var(--primary,#39ff14);color:#000;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.ai-refresh-btn:hover{box-shadow:0 4px 12px var(--wis-lime-glow);transform:translateY(-1px)}.ai-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.ai-kpi-card{background:var(--bg-card,#161b22);border:1px solid var(--border-color,#30363d);border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.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{border-radius:8px!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;display:flex!important;position:absolute!important;top:50%!important;left:14px!important;transform:translateY(-50%)!important}.ai-kpi-icon svg{width:18px!important;height:18px!important}.ai-kpi-icon.critical{color:#f85149!important;background:#f8514926!important}.ai-kpi-icon.warning{color:#d29922!important;background:#d2992226!important}.ai-kpi-icon.danger{color:#f0883e!important;background:#f0883e26!important}.ai-kpi-icon.success{color:#3fb950!important;background:#3fb95026!important}.ai-kpi-content{flex:1}.ai-kpi-value{line-height:1;color:var(--text-primary,#e6edf3)!important;font-size:18px!important;font-weight:700!important}.ai-kpi-label{color:#fff!important;text-transform:uppercase!important;letter-spacing:.5px!important;white-space:nowrap!important;margin-top:0!important;margin-bottom:4px!important;font-size:10px!important;font-weight:500!important}.ai-tabs-container{border-bottom:1px solid var(--border-color,#30363d);flex-wrap:wrap;gap:4px;margin-bottom:24px;padding-bottom:0;display:flex;overflow-x:auto}.ai-tab-btn{color:var(--text-secondary,#8b949e);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.ai-tab-btn:hover{color:var(--text-primary,#e6edf3)}.ai-tab-btn.active{color:#a855f7;border-bottom-color:#a855f7}.ai-tab-badge{color:#fff;background:#f85149;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.ai-content-panel{background:var(--bg-card,#161b22);border:1px solid var(--border-color,#30363d);border-radius:12px;min-height:400px;padding:24px}.ai-loading-state{color:var(--text-secondary,#8b949e);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.ai-spinner{border:3px solid var(--border-color,#30363d);border-top-color:#a855f7;border-radius:50%;width:40px;height:40px;animation:1s linear infinite ai-spin}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-empty-state{color:var(--text-secondary,#8b949e);text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.ai-empty-state svg{opacity:.5;margin-bottom:16px}.ai-empty-state h3{color:var(--text-primary,#e6edf3);margin:0 0 8px;font-size:18px;font-weight:600}.ai-empty-state p{margin:0;font-size:14px}.ai-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.ai-card{background:var(--bg-card-light,#21262d);border:1px solid var(--border-color,#30363d);border-radius:10px;padding:16px;transition:all .2s}.ai-card:hover{border-color:var(--border-light,#3d444d)}.ai-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ai-card-icon{font-size:20px}.ai-card-title{color:var(--text-primary,#e6edf3);margin:0 0 8px;font-size:15px;font-weight:600}.ai-card-desc{color:var(--text-secondary,#8b949e);margin:0;font-size:13px;line-height:1.5}.ai-card-device{color:var(--text-secondary,#8b949e);align-items:center;gap:6px;margin-top:12px;font-size:13px;display:flex}.ai-card-metric{background:var(--bg-input,#0d1117);color:var(--text-primary,#e6edf3);border-radius:6px;justify-content:space-between;margin-top:12px;padding:10px;font-size:12px;display:flex}.ai-metric-threshold{color:var(--text-muted,#6b7280)}.ai-card-footer{border-top:1px solid var(--border-color,#30363d);justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;display:flex}.ai-card-time{color:var(--text-muted,#6b7280);font-size:12px}.ai-action-btn{color:#fff;cursor:pointer;background:#a855f7;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .2s}.ai-action-btn:hover{background:#9333ea}.ai-badge{text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.ai-badge.critical,.ai-badge.high{color:#f85149;background:#f8514933}.ai-badge.medium{color:#d29922;background:#d2992233}.ai-badge.low{color:#3fb950;background:#3fb95033}.ai-device-info{color:var(--text-primary,#e6edf3);align-items:center;gap:8px;font-weight:600;display:flex}.ai-confidence{margin-top:16px}.ai-confidence-header{color:var(--text-secondary,#8b949e);justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.ai-confidence-value{color:var(--text-primary,#e6edf3);font-weight:600}.ai-progress-bar{background:var(--bg-input,#0d1117);border-radius:3px;height:6px;overflow:hidden}.ai-progress-fill{background:linear-gradient(90deg,#a855f7,#6366f1);border-radius:3px;height:100%;transition:width .3s}.ai-warning-box{color:#f85149;background:#f851491a;border-radius:6px;align-items:center;gap:8px;margin-top:16px;padding:10px;font-size:13px;display:flex}.ai-factors{margin-top:16px}.ai-factors h5{color:var(--text-primary,#e6edf3);margin:0 0 10px;font-size:13px;font-weight:600}.ai-factor-row{margin-bottom:10px}.ai-factor-header{color:var(--text-secondary,#8b949e);justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.ai-factor-value.positive{color:#3fb950}.ai-factor-value.negative{color:#f85149}.ai-factor-value.neutral{color:var(--text-muted,#6b7280)}.ai-factor-bar{background:var(--bg-input,#0d1117);border-radius:2px;height:4px;overflow:hidden}.ai-factor-fill{border-radius:2px;height:100%;transition:width .3s}.ai-factor-fill.positive{background:#3fb950}.ai-factor-fill.negative{background:#f85149}.ai-factor-fill.neutral{background:#8b949e}.ai-recommendations{border-top:1px solid var(--border-color,#30363d);margin-top:16px;padding-top:12px}.ai-recommendations h5{color:var(--text-primary,#e6edf3);margin:0 0 8px;font-size:13px;font-weight:600}.ai-recommendations ul{color:var(--text-secondary,#8b949e);margin:0;padding-left:16px;font-size:12px}.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{color:#a855f7;background:#a855f71a;border-radius:6px;align-items:center;gap:8px;margin-top:12px;padding:10px;font-size:13px;display:flex}.ai-qos-section{padding:0}.ai-qos-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.ai-qos-header h2{color:var(--text-primary,#e6edf3);margin:0;font-size:18px;font-weight:600}.ai-add-btn{background:var(--primary,#39ff14);color:#000;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.ai-add-btn:hover{box-shadow:0 4px 12px var(--wis-lime-glow);transform:translateY(-1px)}.ai-qos-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:24px;display:grid}.ai-qos-stat{background:var(--bg-card-light,#21262d);text-align:center;border-radius:8px;padding:16px}.ai-qos-stat-value{color:var(--primary,#39ff14);font-size:28px;font-weight:700}.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{color:var(--text-secondary,#8b949e);margin-top:4px;font-size:12px}.ai-qos-form{background:var(--bg-card-light,#21262d);border-radius:10px;margin-bottom:20px;padding:20px}.ai-qos-form h3{color:var(--text-primary,#e6edf3);margin:0 0 16px;font-size:16px;font-weight:600}.ai-form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px;display:grid}.ai-form-group{flex-direction:column;gap:6px;display:flex}.ai-form-group label{color:var(--text-secondary,#8b949e);font-size:12px;font-weight:500}.ai-form-group input,.ai-form-group select{background:var(--bg-input,#0d1117);border:1px solid var(--border-color,#30363d);color:var(--text-primary,#e6edf3);border-radius:6px;padding:10px 14px;font-size:14px}.ai-form-group input:focus,.ai-form-group select:focus{border-color:#a855f7;outline:none;box-shadow:0 0 0 3px #a855f71a}.ai-form-actions{justify-content:flex-end;gap:12px;display:flex}.ai-cancel-btn{border:1px solid var(--border-color,#30363d);color:var(--text-secondary,#8b949e);cursor:pointer;background:0 0;border-radius:6px;padding:10px 20px;font-size:14px;transition:all .2s}.ai-cancel-btn:hover{border-color:var(--text-secondary,#8b949e);color:var(--text-primary,#e6edf3)}.ai-submit-btn{background:var(--primary,#39ff14);color:#000;cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.ai-submit-btn:hover{box-shadow:0 4px 12px var(--wis-lime-glow);transform:translateY(-1px)}.ai-table-container{overflow-x:auto}.ai-table{border-collapse:collapse;width:100%}.ai-table th{text-align:left;color:var(--text-secondary,#8b949e);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color,#30363d);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}.ai-table td{color:var(--text-primary,#e6edf3);border-bottom:1px solid var(--border-color,#30363d);padding:14px 16px;font-size:14px}.ai-table tr:hover td{background:var(--bg-card-hover,#39ff1408)}.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;color:var(--text-muted,#6b7280);padding:40px!important}.ai-table-actions{white-space:nowrap}.ai-table-btn{border:1px solid var(--border-color,#30363d);color:var(--text-secondary,#8b949e);cursor:pointer;background:0 0;border-radius:6px;margin-right:8px;padding:6px 12px;font-size:12px;transition:all .2s}.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{border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.ai-status-badge.active{color:#3fb950;background:#3fb95033}.ai-status-badge.inactive{color:#8b949e;background:#8b949e33}.ai-search-section{padding:0}.ai-search-box{background:var(--bg-input,#0d1117);border:1px solid var(--border-color,#30363d);border-radius:10px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.ai-search-box svg{color:var(--text-muted,#6b7280);flex-shrink:0}.ai-search-box input{color:var(--text-primary,#e6edf3);background:0 0;border:none;outline:none;flex:1;font-size:14px}.ai-search-box input::placeholder{color:var(--text-muted,#6b7280)}.ai-search-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#a855f7;border:none;border-radius:6px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .2s}.ai-search-btn:hover{background:#9333ea}.ai-search-btn:disabled{opacity:.5;cursor:not-allowed}.ai-suggestions{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.ai-suggestions>span{color:var(--text-muted,#6b7280);margin-right:4px;font-size:13px}.ai-suggestion-chip{background:var(--bg-card-light,#21262d);border:1px solid var(--border-color,#30363d);color:var(--text-secondary,#8b949e);cursor:pointer;border-radius:20px;padding:6px 14px;font-size:12px;transition:all .2s}.ai-suggestion-chip:hover{color:#a855f7;border-color:#a855f7}.ai-results-title{color:var(--text-primary,#e6edf3);margin:0 0 16px;font-size:16px;font-weight:600}.ai-results-list{flex-direction:column;gap:12px;display:flex}.ai-result-item{background:var(--bg-card-light,#21262d);border:1px solid var(--border-color,#30363d);border-radius:8px;align-items:center;gap:16px;padding:16px;display:flex}.ai-result-type{color:#a855f7;text-transform:uppercase;text-align:center;background:#a855f733;border-radius:6px;min-width:80px;padding:4px 10px;font-size:11px;font-weight:600}.ai-result-content{flex:1}.ai-result-content h4{color:var(--text-primary,#e6edf3);margin:0 0 4px;font-size:15px;font-weight:600}.ai-result-content p{color:var(--text-secondary,#8b949e);margin:0;font-size:13px}.ai-result-match{color:#a855f7;white-space:nowrap;font-size:13px;font-weight:600}[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{color:#fff;background:linear-gradient(#0f172a 0%,#1e293b 100%)}[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{color:#0f172a;background-color:#fff;border-color:#0000001a}@media (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 (width<=480px){.ai-kpi-grid,.ai-qos-stats{grid-template-columns:1fr}}.ai-investigate-modal{min-width:450px;max-width:600px}.ai-investigate-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.ai-investigate-loading p{color:var(--text-secondary,#8b949e);margin:0;font-size:14px}.ai-investigate-content{padding:8px 0}.ai-investigate-summary{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:8px;margin-bottom:20px;padding:16px}.ai-investigate-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.ai-investigate-row:last-child{margin-bottom:0}.ai-investigate-label{color:var(--text-secondary,#8b949e);min-width:80px;font-size:13px}.ai-investigate-value{color:#f97316;font-weight:600}.ai-investigate-threshold{color:var(--text-muted,#6b7280);margin-left:4px;font-size:12px}.ai-investigate-report{background:var(--bg-elevated,#161b22);border:1px solid var(--border-color,#30363d);border-radius:8px;margin-bottom:20px;padding:16px}.ai-investigate-report h4{color:var(--text-primary,#e6edf3);border-bottom:1px solid var(--border-color,#30363d);margin:0 0 16px;padding-bottom:8px;font-size:14px;font-weight:600}.ai-investigate-report-content{color:var(--text-secondary,#c9d1d9);font-size:13px;line-height:1.6}.ai-report-heading{color:var(--text-primary,#e6edf3);margin:16px 0 8px;font-size:14px;font-weight:600}.ai-report-heading:first-child{margin-top:0}.ai-report-label{color:#a855f7;margin:8px 0 4px;font-size:13px}.ai-report-item{color:var(--text-secondary,#c9d1d9);border-left:2px solid #8b5cf64d;margin:4px 0 4px 8px;padding-left:12px}.ai-investigate-actions{border-top:1px solid var(--border-color,#30363d);justify-content:flex-end;gap:12px;padding-top:16px;display:flex}.ai-btn-secondary{border:1px solid var(--border-color,#30363d);color:var(--text-primary,#c9d1d9);cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.ai-btn-secondary:hover{background:var(--bg-hover,#21262d);border-color:var(--border-hover,#3d444d)}.ai-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.ai-btn-primary:hover{background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);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{color:#374151;background:#fff;border-color:#e2e8f0}[data-theme=light] .ai-btn-secondary:hover{background:#f1f5f9}@media (width<=600px){.ai-investigate-modal{width:100%;min-width:auto}.ai-investigate-actions{flex-direction:column}.ai-investigate-actions button{width:100%}}.ap-info-cards-row{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.ap-info-card{background:#1a1f26;border:1px solid #30363d;border-radius:8px;min-height:160px;padding:16px 20px}.ap-info-card-header{border-bottom:1px solid #30363d;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;display:flex}.ap-info-card-dot{background:#22c55e;border-radius:50%;width:8px;height:8px}.ap-info-card-dot.offline{background:#ef4444}.ap-info-card-title{color:#e6edf3;margin:0;font-size:14px;font-weight:600}.ap-info-card-badge{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d;border-radius:6px;align-items:center;gap:6px;margin-bottom:12px;padding:6px 12px;font-size:12px;display:inline-flex}.ap-info-card-badge svg{width:14px;height:14px}.ap-info-row{justify-content:space-between;align-items:center;padding:5px 0;display:flex}.ap-info-label{color:#8b949e;font-size:13px}.ap-info-value{color:#e6edf3;text-align:right;word-break:break-all;max-width:200px;font-size:13px;font-weight:500}.ap-wifi-tabs{border-bottom:1px solid #30363d;gap:0;margin-bottom:12px;display:flex}.ap-wifi-tab{color:#8b949e;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.ap-wifi-tab:hover{color:#e6edf3}.ap-wifi-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.ap-wifi-tab-dot{border-radius:50%;width:6px;height:6px}.ap-wifi-tab-dot.blue{background:#3b82f6}.ap-wifi-tab-dot.green{background:#22c55e}.ap-wifi-info-grid{grid-template-columns:1fr 1fr;gap:10px 20px;padding-top:8px;display:grid}.ap-wifi-info-item{justify-content:space-between;align-items:center;display:flex}.ap-wifi-info-label{color:#8b949e;font-size:12px}.ap-wifi-info-value{color:#e6edf3;font-size:12px;font-weight:500}.ap-wifi-info-value.status-on{color:#22c55e;background:#22c55e26;border-radius:4px;padding:2px 8px}.ap-wifi-info-value.status-off{color:#ef4444;background:#ef444426;border-radius:4px;padding:2px 8px}@media (width<=1024px){.ap-info-cards-row{grid-template-columns:1fr 1fr}}@media (width<=768px){.ap-info-cards-row{grid-template-columns:1fr}}.pro-info-grid{flex-direction:column;gap:8px;display:flex}.pro-info-item{border-bottom:1px solid #30363d;justify-content:space-between;align-items:center;padding:6px 0;display:flex}.pro-info-item:last-child{border-bottom:none}.pro-info-label{color:#8b949e;font-size:13px}.pro-info-value{color:#e6edf3;text-align:right;font-size:13px;font-weight:500}.pro-progress{flex:1;align-items:center;gap:8px;max-width:150px;display:flex}.pro-progress-bar{background:#3b82f6;border-radius:3px;height:6px;transition:width .3s}.pro-progress-text{color:#e6edf3;text-align:right;min-width:35px;font-size:12px;font-weight:600}.device-info-card-ref{background:linear-gradient(135deg,#1a1f26 0%,#0d1117 100%);border:1px solid #30363d;border-radius:6px;flex-wrap:wrap;align-items:center;gap:20px;padding:12px 16px;display:flex;box-shadow:0 2px 8px #0003}.device-info-header-ref{min-width:100px}.device-info-status-ref{align-items:center;gap:6px;margin-bottom:2px;display:flex}.status-dot-ref{border-radius:50%;width:6px;height:6px}.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{color:#e6edf3;font-size:11px;font-weight:600}.device-info-uptime-ref{color:#6b7280;margin:0;font-size:10px}.device-info-topology-ref{align-items:center;gap:8px;display:flex}.topology-image-ref{object-fit:contain;width:100px;height:auto}.ap-mode-badge-ref{color:#f97316;white-space:nowrap;background-color:#f973161a;border-radius:4px;align-items:center;gap:4px;padding:3px 6px;font-size:9px;display:inline-flex}.ap-mode-dot-ref{background-color:#f97316;border-radius:50%;width:5px;height:5px}.device-info-gauges-ref{gap:16px;margin-left:auto;display:flex}.gauge-container-ref{text-align:center}.gauge-wrapper-ref{justify-content:center;align-items:center;display:inline-flex;position:relative}.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{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gauge-value-ref span{color:#e6edf3;font-size:10px;font-weight:600}.gauge-label-ref{color:#8b949e;margin-top:2px;margin-bottom:0;font-size:9px}.device-info-footer-ref{display:none}@media (width<=768px){.device-info-card-ref{gap:12px;padding:10px 12px}.topology-image-ref{width:80px}.gauge-svg-ref{width:36px;height:36px}.device-info-gauges-ref{gap:10px}}.pro-btn-success{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.pro-btn-success:hover{background:#16a34a}.pro-btn-success:disabled{opacity:.5;cursor:not-allowed}.ap-overview-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:16px!important;margin-bottom:20px!important;display:grid!important}.ap-overview-card{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;gap:2px!important;min-height:80px!important;padding:14px 16px 14px 60px!important;display:flex!important;position:relative!important}.ap-overview-content{flex-direction:column!important;width:100%!important;display:flex!important}.ap-overview-label{color:#fff!important;text-transform:uppercase!important;letter-spacing:.5px!important;order:1!important;margin:0 0 4px!important;font-size:10px!important;font-weight:500!important}.ap-overview-value{color:var(--text-primary)!important;order:2!important;margin:0!important;font-size:18px!important;font-weight:700!important}.ap-overview-sub{color:var(--text-secondary)!important;order:3!important;margin:4px 0 0!important;font-size:12px!important}.ap-overview-icon{border-radius:8px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;display:flex!important;position:absolute!important;top:50%!important;left:14px!important;transform:translateY(-50%)!important}.ap-overview-icon.success{color:#22c55e!important;background:#22c55e26!important}.ap-overview-icon.danger{color:#ef4444!important;background:#ef444426!important}.ap-overview-icon.primary{color:#3b82f6!important;background:#3b82f626!important}.ap-overview-icon.warning{color:#f97316!important;background:#f9731626!important}.ap-overview-icon.purple{color:#a855f7!important;background:#a855f726!important}.ap-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.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{border-bottom:1px solid var(--border-color);background:var(--bg-card);justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.ap-modal-title{color:var(--text-primary);align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.ap-modal-title svg{color:#3b82f6}.ap-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.ap-modal-close:hover{background:var(--border-color);color:var(--text-primary)}.ap-modal-tabs{border-bottom:1px solid var(--border-color);padding:0 24px;display:flex}.ap-modal-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:16px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.ap-modal-tab:hover{color:var(--text-primary)}.ap-modal-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.ap-modal-tab-dot{border-radius:50%;width:8px;height:8px}.ap-modal-tab-dot.blue{background:#3b82f6}.ap-modal-tab-dot.green{background:#22c55e}.ap-modal-content{padding:24px}.ap-config-form{flex-direction:column;gap:16px;display:flex}.ap-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ap-form-group{flex-direction:column;gap:8px;display:flex}.ap-form-group label{color:var(--text-secondary);font-size:13px;font-weight:500}.ap-form-group input,.ap-form-group select{background:var(--bg-body);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;outline:none;padding:10px 12px;font-size:14px;transition:all .2s}.ap-form-group select{appearance:none;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-position:right 10px center;background-repeat:no-repeat;padding-right:32px}[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{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.ap-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.ap-btn-primary{color:#fff;background:#22c55e}.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{border:1px solid var(--border-color);background:var(--bg-card);border-radius:16px;height:320px;position:relative;overflow:hidden}.ap-wave-chart-inner{width:100%;height:100%;position:relative}.ap-wave-svg-container{position:absolute;inset:0}.ap-wave-svg-container svg{width:100%;height:100%}.ap-wave-chart-header{z-index:10;padding:20px 24px;position:relative}.ap-wave-pulse-dot{background:#22d3ee;border-radius:50%;width:8px;height:8px;animation:2s infinite ap-pulse;display:inline-block}@keyframes ap-pulse{0%,to{opacity:1}50%{opacity:.4}}.ap-wave-chart-footer{color:var(--text-secondary);z-index:10;font-size:11px;position:absolute;bottom:16px;right:24px}.ap-vap-section{border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px}.ap-vap-section-title{color:var(--text-primary);margin:0 0 14px;font-size:14px;font-weight:600}.ap-vap-tabs{gap:8px;margin-bottom:16px;display:flex}.ap-vap-tab{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.ap-vap-tab:hover{color:var(--text-primary);border-color:#22c55e}.ap-vap-tab.active{color:#fff;background:#22c55e;border-color:#22c55e}.ap-vap-toggle{cursor:pointer;user-select:none;color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.ap-vap-switch{background:var(--border-color);border-radius:11px;width:40px;height:22px;transition:background .2s;position:relative}.ap-vap-switch.active{background:#22c55e}.ap-vap-switch-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;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{color:#6b7280;border-color:#d1d5db}[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 (width<=1024px){.ap-overview-cards{grid-template-columns:repeat(2,1fr)}}@media (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{gap:16px!important;display:grid!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;overflow:visible!important;box-shadow:0 4px 16px #0000000f!important}[data-theme=light] .grid.grid-cols-1 .pro-card .text-sm.font-medium{color:#6b7280!important;font-size:13px!important;font-weight:500!important}[data-theme=light] .grid.grid-cols-1 .pro-card .text-2xl.font-bold{color:#0f172a!important;font-size:28px!important;font-weight:600!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{color:#475569!important;text-transform:uppercase!important;letter-spacing:.05em!important;background:0 0!important;border-bottom:1px solid #e2e8f0!important;padding:14px 16px!important;font-size:12px!important;font-weight:600!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{color:#15803d!important;background:#22c55e1f!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{color:#b91c1c!important;background:#dc26261f!important}[data-theme=light] .px-2.py-1.bg-blue-100.text-blue-800{color:#1d4ed8!important;background:#3b82f61f!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 #3b82f626!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 #dc262626!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{color:#6b7280!important;background:0 0!important;border:none!important;border-radius:6px!important;padding:10px 16px!important;font-size:13px!important;font-weight:500!important;transition:all .2s!important}[data-theme=light] .app-auth-tab:hover{color:#0f172a!important;background:#f1f5f9!important}[data-theme=light] .app-auth-tab.app-auth-tab-active,[data-theme=light] .app-auth-tab-active{color:#fff!important;background:linear-gradient(#22c55e 0%,#16a34a 100%)!important;box-shadow:0 2px 8px #22c55e4d!important}[data-theme=light] input[style*="background: var(--bg-body)"][style*="border: 1px solid var(--border-color)"]{color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!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;max-width:100%!important;overflow:hidden!important;box-shadow:0 4px 16px #0000000f!important}[data-theme=light] .pro-datatable-container .pro-table-wrapper{border-radius:12px!important;width:100%!important;overflow:hidden!important}[data-theme=light] .pro-datatable-container .pro-data-table{table-layout:fixed!important;width:100%!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)"]{color:#15803d!important;background:#22c55e1f!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:#22c55e #e2e8f0 #e2e8f0!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{-webkit-overflow-scrolling:touch!important;overflow-x:auto!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{background:#f8f9fb!important;border-color:#d1d5db!important}[data-theme=light] .border-2.border-dashed.border-gray-300:hover{background:#22c55e0a!important;border-color:#22c55e!important}.pro-card .pro-datatable-container{width:100%!important;max-width:100%!important;overflow:hidden!important}.pro-card .pro-datatable-container .pro-table-wrapper{width:100%!important;overflow:hidden!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{white-space:nowrap!important;text-overflow:ellipsis!important;padding:10px 6px!important;font-size:11px!important;overflow:hidden!important}.pro-card .pro-datatable-container .pro-table-td{text-overflow:ellipsis!important;padding:10px 6px!important;font-size:12px!important;overflow:hidden!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{max-width:100%!important;overflow:hidden!important}[data-theme=light] .pro-card .pro-datatable-container .pro-data-table{width:100%!important;min-width:unset!important;table-layout:fixed!important;width:100%!important}.usersignup-container{width:100%;height:100vh;position:relative;overflow:hidden}.usersignup-video-bg{z-index:0;position:absolute;inset:0}.usersignup-video{object-fit:cover;width:100%;height:100%}.usersignup-overlay{background:#0000004d;position:absolute;inset:0}.usersignup-home-btn{z-index:30;position:absolute;top:24px;left:24px}.usersignup-home-link{backdrop-filter:blur(12px);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.usersignup-home-link:hover{background:#fff3}.usersignup-content{z-index:20;justify-content:flex-end;align-items:center;height:100%;padding:24px 64px;display:flex;position:relative}.usersignup-card-wrapper{width:100%;max-width:380px;max-height:100%;overflow-y:auto}.usersignup-card{backdrop-filter:blur(10px);background:#1e293b;border:1px solid #334155;border-radius:16px;margin:16px 0;padding:32px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.usersignup-card:before{content:"";background:linear-gradient(90deg, var(--wis-lime,#39ff14), var(--wis-blue,#00a8ff));height:3px;position:absolute;top:0;left:0;right:0}.usersignup-org-badge{justify-content:center;margin-bottom:12px;display:flex}.usersignup-org-badge p{backdrop-filter:blur(8px);background:linear-gradient(90deg,#39ff1426,#7dff5c26);border:1px solid #39ff144d;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:600;color:#fff!important;-webkit-text-fill-color:#fff!important}.usersignup-header{text-align:center;margin-bottom:14px}.usersignup-header h1{margin-bottom:4px;font-size:20px;font-weight:700;color:#fff!important;-webkit-text-fill-color:#fff!important;background:0 0!important}.usersignup-header p{font-size:11px;color:#fff!important;-webkit-text-fill-color:#fff!important}.usersignup-error{background:#ef444433;border:1px solid #ef44444d;border-radius:8px;margin-bottom:12px;padding:10px}.usersignup-error p{color:#fca5a5;text-align:center;font-size:11px}.usersignup-form{flex-direction:column;gap:12px;display:flex}.usersignup-field{flex-direction:column;gap:4px;display:flex}.usersignup-field label{color:#fff;font-size:11px;font-weight:600}.usersignup-field input{color:#fff;background:#0f172acc;border:1px solid #33415599;border-radius:8px;padding:10px 12px;font-size:12px;font-weight:500;transition:all .2s}.usersignup-field input::placeholder{color:#64748b;font-size:11px}.usersignup-field input:focus{border-color:var(--wis-lime,#39ff14);box-shadow:0 0 0 3px var(--wis-lime-glow,#39ff144d);outline:none}.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{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:color .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.usersignup-password-toggle svg{width:16px;height:16px}.usersignup-password-toggle:hover{color:#94a3b8}.usersignup-submit-btn{background:linear-gradient(135deg, var(--wis-lime,#39ff14), var(--wis-lime-soft,#7dff5c));color:#000;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;height:38px;margin-top:4px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.usersignup-submit-btn:hover:not(:disabled){box-shadow:var(--shadow-glow-lime,0 0 30px #39ff144d);transform:translateY(-1px)}.usersignup-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.usersignup-spinner{border:2px solid #0003;border-top-color:#000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.usersignup-divider{margin:14px 0;position:relative}.usersignup-divider:before{content:"";border-top:1px solid #334155;position:absolute;top:50%;left:0;right:0}.usersignup-divider span{color:#64748b;text-transform:uppercase;background:#0f172af2;width:fit-content;margin:0 auto;padding:2px 12px;font-size:10px;display:block;position:relative}.usersignup-org-btn{color:#cbd5e1;background:#1e293b;border:1px solid #475569;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;height:38px;font-size:12px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.usersignup-org-btn svg{width:14px;height:14px}.usersignup-org-btn:hover{background:#334155;border-color:#64748b}.usersignup-login-link{text-align:center;margin-top:14px}.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}.usersignup-login-link a:hover{color:var(--wis-lime-soft,#7dff5c)}@media (width<=1024px){.usersignup-content{justify-content:center;padding:16px}}@media (width<=768px){.usersignup-container{-webkit-overflow-scrolling:touch;height:auto;min-height:100vh;overflow-y:auto}.usersignup-video-bg{position:fixed}.usersignup-content{justify-content:center;align-items:flex-start;min-height:100vh;padding:60px 16px 16px}.usersignup-card-wrapper{max-width:100%}.usersignup-card{border-radius:12px;padding:24px 16px}.usersignup-header h1{font-size:18px}.usersignup-home-btn{position:fixed;top:12px;left:12px}.usersignup-home-link{width:36px;height:36px}}.orgsignup-container{width:100%;height:100vh;position:relative;overflow:hidden}.orgsignup-video-bg{z-index:0;position:absolute;inset:0}.orgsignup-video{object-fit:cover;width:100%;height:100%}.orgsignup-overlay{background:#0000004d;position:absolute;inset:0}.orgsignup-home-btn{z-index:30;position:absolute;top:24px;left:24px}.orgsignup-home-link{backdrop-filter:blur(12px);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.orgsignup-home-link:hover{background:#fff3}.orgsignup-content{z-index:20;justify-content:flex-end;align-items:center;height:100%;padding:24px 64px;display:flex;position:relative}.orgsignup-card-wrapper{width:100%;max-width:460px;max-height:100%;overflow-y:auto}.orgsignup-card{backdrop-filter:blur(10px);background:#1e293b;border:1px solid #334155;border-radius:16px;margin:16px 0;padding:32px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.orgsignup-card:before{content:"";background:linear-gradient(90deg, var(--wis-lime,#39ff14), var(--wis-blue,#00a8ff));height:3px;position:absolute;top:0;left:0;right:0}.orgsignup-header{text-align:center;margin-bottom:14px}.orgsignup-header h1{margin-bottom:4px;font-size:20px;font-weight:700;color:#fff!important;-webkit-text-fill-color:#fff!important;background:0 0!important}.orgsignup-header p{color:#94a3b8;font-size:11px}.orgsignup-error{background:#ef444433;border:1px solid #ef44444d;border-radius:8px;margin-bottom:12px;padding:10px}.orgsignup-error p{color:#fca5a5;text-align:center;font-size:11px}.orgsignup-form{flex-direction:column;gap:14px;display:flex}.orgsignup-section{flex-direction:column;gap:10px;display:flex}.orgsignup-section-title{color:#cbd5e1;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.orgsignup-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.orgsignup-field{flex-direction:column;gap:2px;display:flex}.orgsignup-field label{color:#fff;font-size:11px;font-weight:600}.orgsignup-field input{color:#fff;background:#0f172acc;border:1px solid #33415599;border-radius:8px;padding:10px 12px;font-size:12px;font-weight:500;transition:all .2s}.orgsignup-field input::placeholder{color:#64748b}.orgsignup-field input:focus{border-color:var(--wis-lime,#39ff14);box-shadow:0 0 0 3px var(--wis-lime-glow,#39ff144d);outline:none}.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{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:color .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.orgsignup-password-toggle:hover{color:#94a3b8}.orgsignup-submit-btn{background:linear-gradient(135deg, var(--wis-lime,#39ff14), var(--wis-lime-soft,#7dff5c));color:#000;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;height:38px;margin-top:6px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.orgsignup-submit-btn:hover:not(:disabled){box-shadow:var(--shadow-glow-lime,0 0 30px #39ff144d);transform:translateY(-1px)}.orgsignup-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.orgsignup-spinner{border:2px solid #0003;border-top-color:#000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.orgsignup-login-link{text-align:center;margin-top:16px}.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}.orgsignup-login-link a:hover{color:var(--wis-lime-soft,#7dff5c)}@media (width<=1024px){.orgsignup-content{justify-content:center;padding:16px}}@media (width<=640px){.orgsignup-grid{grid-template-columns:1fr}}@media (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{z-index:9999;flex-direction:column;min-height:100vh;display:flex;position:fixed;inset:0;color:#111827!important;background:#fff!important;overflow:hidden auto!important}.home-nav{z-index:50;box-sizing:border-box;background:#fff;justify-content:space-between;align-items:center;width:100%;padding:16px 24px;display:flex;position:fixed;top:0;left:0;box-shadow:0 1px 3px #0000001a}.home-nav-logo img{width:auto;height:48px}.home-nav-buttons{align-items:center;gap:16px;display:flex}.home-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.home-btn-outline{color:#374151;background:#fff;border:1px solid #e5e7eb}.home-btn-outline:hover{background:#f9fafb;border-color:#d1d5db}.home-btn-dark{color:#fff;background:#18181b}.home-btn-dark:hover{background:#27272a;transform:translateY(-2px)}.home-btn-teal{color:#fff;background:#0d9488;width:100%}.home-btn-teal:hover{background:#0f766e}.home-btn-green{color:#fff;background:#16a34a;width:100%}.home-btn-green:hover{background:#15803d}.home-btn-purple{color:#fff;background:#9333ea;width:100%}.home-btn-purple:hover{background:#7e22ce}.home-btn-blue{color:#fff;background:#2563eb;width:100%}.home-btn-blue:hover{background:#1d4ed8}.home-hero{padding-top:76px;position:relative}.home-hero-video{width:100%;height:auto;display:block}.home-section-container{max-width:1200px;margin:0 auto;padding:0 24px}.home-section-title{text-align:center;color:#111827;margin-bottom:16px;font-size:36px;font-weight:700}.home-section-subtitle{text-align:center;color:#6b7280;max-width:600px;margin:0 auto 48px;font-size:18px}.home-features{background:#f9fafb;padding:80px 24px}.home-features-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.home-feature-card{text-align:center;background:#fff;border-radius:16px;padding:32px 24px;transition:all .3s;box-shadow:0 4px 6px -1px #0000001a}.home-feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a}.home-feature-icon{margin-bottom:16px;font-size:48px}.home-feature-card h3{color:#111827;margin-bottom:12px;font-size:20px;font-weight:600}.home-feature-card p{color:#6b7280;line-height:1.6}.home-banner{position:relative}.home-banner img{object-fit:cover;width:100%;height:auto;display:block}.home-transform{background:#f9fafb;padding:80px 24px}.home-transform-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.home-transform-video{border-radius:20px;height:500px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.home-transform-video video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.home-transform-content h2{color:#111827;margin-bottom:24px;font-size:36px;font-weight:700}.home-transform-content>p{color:#6b7280;margin-bottom:32px;font-size:18px;line-height:1.75}.home-benefits-list{margin:0 0 32px;padding:0;list-style:none}.home-benefits-list li{color:#374151;align-items:center;gap:12px;margin-bottom:16px;font-size:16px;display:flex}.home-benefits-list li svg{color:#16a34a;flex-shrink:0;width:20px;height:20px}.home-transform-buttons{gap:16px;display:flex}.home-wifi-section{background:#fff;padding:80px 24px}.home-carousel-wrapper{max-width:1200px;margin:0 auto;position:relative}.home-login-options{scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:24px;display:flex;overflow-x:hidden}.home-login-options::-webkit-scrollbar{display:none}.home-carousel-btn{cursor:pointer;z-index:2;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #0000001a}.home-carousel-btn:hover{background:#f9fafb;box-shadow:0 4px 12px #00000026}.home-carousel-btn svg{stroke:#374151;width:18px;height:18px}.home-carousel-btn-prev{left:-20px}.home-carousel-btn-next{right:-20px}.home-carousel-dots{justify-content:center;gap:8px;margin-top:24px;display:flex}.home-carousel-dot{cursor:pointer;background:#d1d5db;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s}.home-carousel-dot.active{background:#0d9488;border-radius:5px;width:28px}.home-login-card{text-align:center;scroll-snap-align:start;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex:0 0 calc(33.3333% - 16px);padding:32px;transition:all .3s}.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{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;transition:transform .5s;display:flex}.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{color:#111827;margin-bottom:24px;font-size:24px;font-weight:600}.home-login-card ul{text-align:left;margin:0 0 24px;padding:0;list-style:none}.home-login-card ul li{color:#6b7280;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;display:flex}.home-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.home-dot-teal{background:#0d9488}.home-dot-green{background:#16a34a}.home-dot-purple{background:#9333ea}.home-dot-blue{background:#2563eb}.home-help{text-align:center;background:#f9fafb;padding:64px 24px}.home-help h2{color:#111827;margin-bottom:16px;font-size:28px;font-weight:600}.home-help>.home-section-container>p{color:#6b7280;margin-bottom:32px;font-size:16px}.home-help-buttons{justify-content:center;gap:16px;display:flex}.home-footer{background:#f9fafb;border-top:1px solid #e5e7eb;margin-top:auto;padding:64px 24px 32px}.home-footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.home-footer-brand p{color:#6b7280;margin-bottom:20px;font-size:14px;line-height:1.6}.home-footer-logo{align-items:center;gap:12px;margin-bottom:16px;display:flex}.home-footer-logo img{width:auto;height:40px}.home-footer-logo span{color:#111827;font-size:18px;font-weight:600}.home-footer-social{gap:16px;display:flex}.home-footer-social a{color:#9ca3af;transition:color .3s}.home-footer-social a:hover{color:#6b7280}.home-footer-social svg{width:24px;height:24px}.home-footer-links h3{color:#111827;margin-bottom:20px;font-size:16px;font-weight:600}.home-footer-links ul{margin:0;padding:0;list-style:none}.home-footer-links ul li{color:#6b7280;margin-bottom:12px;font-size:14px}.home-footer-links ul li a{color:#6b7280;text-decoration:none;transition:color .3s}.home-footer-links ul li a:hover{color:#111827}.home-footer-bottom{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding-top:32px;display:flex}.home-footer-bottom p{color:#6b7280;font-size:14px}.home-footer-legal{gap:24px;display:flex}.home-footer-legal a{color:#6b7280;font-size:14px;text-decoration:none;transition:color .3s}.home-footer-legal a:hover{color:#111827}.help-popup-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.help-popup{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:32px;animation:.3s slideUp;position:relative;box-shadow:0 20px 60px #0000004d}.help-popup-close{cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.help-popup-close:hover{background:#e2e8f0}.help-popup-close svg{color:#64748b;width:18px;height:18px}.help-popup-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.help-popup-header svg{color:#166534;width:32px;height:32px}.help-popup-header h3{color:#1e293b;margin:0;font-size:24px;font-weight:700}.help-popup-subtitle{color:#64748b;margin-bottom:24px;font-size:14px}.help-popup-contacts{flex-direction:column;gap:12px;display:flex}.help-contact-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:16px;text-decoration:none;transition:all .2s;display:flex}.help-contact-item:hover{background:#f1f5f9;border-color:#22c55e;transform:translate(4px)}.help-contact-item svg{color:#22c55e;flex-shrink:0;width:24px;height:24px}.help-contact-item div{flex-direction:column;gap:2px;display:flex}.help-contact-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.help-contact-value{color:#1e293b;font-size:15px;font-weight:500}@media (width<=1024px){.home-features-grid{grid-template-columns:repeat(2,1fr)}.home-login-card{flex:0 0 calc(50% - 12px)}.home-carousel-btn-prev{left:-8px}.home-carousel-btn-next{right:-8px}.home-transform-grid{grid-template-columns:1fr;gap:48px}.home-transform-video{order:-1;height:400px}.home-footer-grid{grid-template-columns:repeat(2,1fr);gap:32px}}@media (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{text-align:center;flex-direction:column;gap:16px}.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 (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{color:#1e293b;background:#fff;flex-direction:column;height:100vh;min-height:100vh;display:flex;overflow:hidden auto}.policy-nav{backdrop-filter:blur(10px);z-index:100;background:#fffffff2;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.policy-nav-logo{color:#166534;align-items:center;gap:12px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.policy-nav-logo img{object-fit:contain;border-radius:10px;width:40px;height:40px}.policy-back-btn{color:#166534;background:#1665341a;border:1px solid #22c55e;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.policy-back-btn:hover{background:#16653433;transform:translate(-2px)}.policy-content{flex:1;width:100%;max-width:900px;margin:0 auto;padding:48px 32px 100px}.policy-header{text-align:center;border-bottom:1px solid #e2e8f0;margin-bottom:48px;padding-bottom:32px}.policy-header h1{color:#166534;margin-bottom:12px;font-size:36px;font-weight:700}.policy-meta{color:#64748b;font-size:14px}.policy-section{margin-bottom:40px}.policy-section h2{color:#166534;border-bottom:1px solid #e2e8f0;margin-bottom:16px;padding-bottom:8px;font-size:22px;font-weight:600}.policy-section h3{color:#1e293b;margin:24px 0 12px;font-size:18px;font-weight:600}.policy-section h4{color:#475569;margin:16px 0 8px;font-size:15px;font-weight:600}.policy-section p{color:#475569;margin-bottom:16px;line-height:1.7}.policy-section ul{margin:0 0 16px;padding:0;list-style:none}.policy-section ul li{color:#475569;margin-bottom:12px;padding-left:24px;line-height:1.6;position:relative}.policy-section ul li:before{content:"";background:#22c55e;border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:0}.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 #16653433;border-radius:8px;margin:16px 0;padding:16px}.policy-note strong{color:#166534}.policy-table-wrapper{margin:16px 0;overflow-x:auto}.policy-table{border-collapse:collapse;width:100%;font-size:14px}.policy-table th,.policy-table td{text-align:left;border:1px solid #e2e8f0;padding:12px 16px}.policy-table th{color:#166534;background:#f1f5f9;font-weight:600}.policy-table td{color:#475569;background:#fff}.policy-table tr:hover td{background:#f8fafc}.policy-footer{text-align:center;background:#f8fafc;border-top:1px solid #e2e8f0;padding:24px 32px}.policy-footer p{color:#64748b;margin-bottom:12px;font-size:14px}.policy-footer-links{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.policy-footer-links a{color:#64748b;font-size:14px;text-decoration:none;transition:color .2s}.policy-footer-links a:hover{color:#166534}@media (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{color:#1e293b;background:#fff;position:fixed;inset:0;overflow:hidden auto}.products-nav{backdrop-filter:blur(10px);z-index:100;background:#fffffff2;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.products-nav-logo{color:#166534;align-items:center;gap:12px;font-size:18px;font-weight:600;text-decoration:none;display:flex}.products-nav-logo img{object-fit:contain;border-radius:10px;width:40px;height:40px}.products-nav-links{align-items:center;gap:24px;display:flex}.products-nav-links a{color:#475569;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.products-nav-links a:hover{color:#166534}.products-nav-btn{border-radius:8px;padding:8px 20px;color:#0f172a!important;background:#a3e635!important;font-weight:600!important}.products-nav-btn:hover{background:#84cc16!important}.products-gallery-section{background:#f1f5f9;padding:48px 0}.products-gallery-title{color:#166534;text-align:center;margin-bottom:24px;font-size:28px;font-weight:700}.products-gallery-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#22c55e #e2e8f0;gap:24px;padding:16px 32px;display:flex;overflow-x:auto}.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{scroll-snap-align:start;border-radius:12px;flex-shrink:0;width:auto;height:500px;transition:transform .3s;box-shadow:0 4px 20px #0000001a}.products-gallery-scroll img:hover{transform:scale(1.02)}.products-hero{text-align:center;background:linear-gradient(135deg,#166534 0%,#15803d 50%,#a3e635 100%);padding:80px 32px;position:relative;overflow:hidden}.products-hero:before{content:"";opacity:.5;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");position:absolute;inset:0}.products-hero-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.products-hero-badge{color:#fff;backdrop-filter:blur(5px);background:#fff3;border:1px solid #ffffff4d;border-radius:30px;margin-bottom:20px;padding:8px 20px;font-size:14px;font-weight:600;display:inline-block}.products-hero h1{color:#fff;text-shadow:0 2px 20px #0003;margin-bottom:16px;font-size:48px;font-weight:800}.products-hero p{color:#ffffffe6;margin-bottom:24px;font-size:24px}.products-hero-wifi{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:24px;display:flex}.products-hero-wifi span{color:#fff;backdrop-filter:blur(5px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600}.products-hero-tagline{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.products-hero-tagline span{color:#fff;font-size:16px;font-weight:500}.products-make-india{background:linear-gradient(135deg,#f93,#fff,#138808);-webkit-text-fill-color:transparent;background-clip:text;font-size:18px!important;font-weight:700!important}.products-section{padding:80px 32px}.products-section-alt{background:#f1f5f9}.products-section-container{max-width:1400px;margin:0 auto}.products-section-title{color:#166534;text-align:center;justify-content:center;align-items:center;gap:12px;margin-bottom:12px;font-size:32px;font-weight:700;display:flex}.products-icon{font-size:36px}.products-section-subtitle{color:#15803d;text-align:center;margin-bottom:48px;font-size:18px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.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;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000d}.product-card:before{content:"";opacity:0;background:linear-gradient(90deg,#a3e635,#22c55e);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.product-card:hover{border-color:#22c55e;transform:translateY(-4px);box-shadow:0 12px 40px #16653426}.product-card:hover:before{opacity:1}.product-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.product-model{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#166534,#15803d);border-radius:6px;padding:6px 14px;font-size:12px;font-weight:700}.product-badge{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600}.product-badge-enterprise{background:linear-gradient(135deg,#f59e0b,#d97706)}.product-title{color:#166534;margin-bottom:6px;font-size:14px;font-weight:600;line-height:1.4}.product-subtitle{color:#64748b;margin-bottom:16px;font-size:13px}.product-specs{margin:0;padding:0;list-style:none}.product-specs li{color:#475569;border-bottom:1px solid #e2e8f0;padding:6px 0 6px 16px;font-size:12px;position:relative}.product-specs li:last-child{border-bottom:none}.product-specs li:before{content:"•";color:#22c55e;position:absolute;left:0}.product-card-controller{text-align:center;padding:32px 24px}.product-card-controller .product-model{margin-bottom:16px;font-size:14px;display:inline-block}.product-card-controller .product-title{margin-bottom:8px;font-size:13px}.products-features-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.products-feature-item{color:#166534;background:#1665341a;border:1px solid #22c55e;border-radius:20px;padding:8px 16px;font-size:12px;font-weight:500}.products-specs-highlight{background:#1665340d;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:40px;padding:24px;display:grid}.spec-item{flex-direction:column;gap:4px;display:flex}.spec-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.spec-value{color:#166534;font-size:14px;font-weight:600}.auth-features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.auth-feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000d}.auth-feature-card:hover{border-color:#22c55e;transform:translate(4px)}.auth-feature-card svg{color:#22c55e;flex-shrink:0;width:24px;height:24px}.auth-feature-card span{color:#1e293b;font-size:14px}.products-section-wifi7{background:linear-gradient(135deg,#1e3a5f 0%,#0f172a 100%)}.wifi7-banner{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.wifi7-content h2{color:#fff;margin-bottom:16px;font-size:36px}.wifi7-badge{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:30px;margin-bottom:16px;padding:12px 28px;font-size:18px;font-weight:700;animation:2s infinite pulse;display:inline-block}.wifi7-content p{color:#94a3b8;font-size:16px}.wifi7-specs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.wifi7-spec-item{background:#ffffff0d;border:1px solid #334155;border-radius:8px;flex-direction:column;gap:4px;padding:12px 16px;display:flex}.wifi7-label{color:#64748b;font-size:12px}.wifi7-value{color:#a3e635;font-size:13px;font-weight:500}.products-cta{text-align:center;background:linear-gradient(135deg,#166534 0%,#15803d 100%);padding:80px 32px}.products-cta h2{color:#fff;margin-bottom:12px;font-size:36px}.products-cta p{color:#ffffffe6;margin-bottom:32px;font-size:18px}.products-cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:24px;display:flex}.products-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.products-btn-primary{color:#166534;background:#fff}.products-btn-primary:hover{background:#f0fdf4;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.products-btn-outline{color:#fff;background:0 0;border:2px solid #fff}.products-btn-outline:hover{background:#ffffff1a}.products-contact-info{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.products-contact-info span{color:#fffc;font-size:14px}.products-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:24px 32px}.products-footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.products-footer-content p{color:#64748b;margin:0;font-size:14px}.products-footer-links{gap:24px;display:flex}.products-footer-links a{color:#64748b;font-size:14px;text-decoration:none;transition:color .2s}.products-footer-links a:hover{color:#166534}@media (width<=1024px){.wifi7-banner{text-align:center;grid-template-columns:1fr}.wifi7-specs{max-width:400px;margin:0 auto}}@media (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{flex-direction:column;gap:8px;font-size:24px}.products-grid{grid-template-columns:1fr}.products-cta h2{font-size:28px}.products-footer-content{text-align:center;flex-direction:column}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}