.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;background:var(--bg-glass-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;z-index:100;transition:width .2s ease;box-shadow:var(--shadow-xs)}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:1rem .75rem .75rem 1rem;border-bottom:1px solid var(--border-primary);flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.company-logo{width:36px;height:36px;object-fit:contain;border-radius:8px;background-color:#fff;padding:3px;border:1px solid var(--border-primary);flex-shrink:0}.company-info{flex:1;min-width:0;overflow:hidden}.company-name{font-size:.9375rem;font-weight:600;letter-spacing:-.01em;color:var(--text-heading);line-height:1.2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-name{font-size:.6875rem;font-weight:500;color:var(--text-secondary);margin:.12rem 0 0;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-collapse-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.sidebar-collapse-btn:hover{background:var(--accent-blue-dim);color:var(--accent-blue);border-color:transparent}.sidebar-search{position:relative;padding:.75rem .75rem 0;flex-shrink:0}.sidebar-search-icon{position:absolute;left:1.35rem;top:1.35rem;color:var(--text-muted);display:flex;pointer-events:none}.sidebar-search input{width:100%;padding:.5rem .75rem .5rem 2.25rem;font-size:.8125rem;border-radius:8px;border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary)}.sidebar-search input::placeholder{color:var(--text-muted)}.sidebar-search input:focus{outline:none;border-color:var(--accent-blue);background:var(--bg-primary)}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:.75rem .625rem 1rem}.sidebar-empty{font-size:.8125rem;color:var(--text-muted);padding:.5rem .75rem;margin:0}.nav-section+.nav-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-secondary)}.nav-section-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:0 .625rem .45rem;margin:0}.sidebar-nav ul{list-style:none;margin:0;padding:0}.nav-link{position:relative;display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;margin-bottom:2px;border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;text-decoration:none;border:none;outline:none;box-shadow:none;transition:background-color .2s ease,color .2s ease,transform .15s ease}.nav-link:hover{background-color:var(--bg-secondary);color:var(--text-primary);transform:translate(2px)}.nav-link:focus,.nav-link:focus-visible{outline:none;box-shadow:none}.nav-link.active{background-color:var(--accent-blue-dim);color:var(--accent-navy);font-weight:600}.nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 3px 3px 0;background:var(--accent-blue)}.sidebar.collapsed .nav-link{justify-content:center;padding:.625rem}.sidebar.collapsed .nav-link.active:before{display:none}.sidebar.collapsed .nav-link.active{box-shadow:inset 0 0 0 1px #2563eb33}.nav-icon-wrap{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .15s ease}.nav-link:hover .nav-icon-wrap{background-color:#ffffffb3}.nav-link.active .nav-icon-wrap{background-color:#2563eb1f}.nav-icon{display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color .15s ease}.nav-link:hover .nav-icon{color:var(--text-secondary)}.nav-link.active .nav-icon{color:var(--accent-blue)}.nav-name{flex:1;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-live-tag{font-size:.625rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);padding:.1rem .35rem;border-radius:4px;flex-shrink:0}.sidebar.collapsed .company-info,.sidebar.collapsed .nav-section-label,.sidebar.collapsed .nav-name,.sidebar.collapsed .nav-live-tag{display:none}.sidebar.collapsed .sidebar-top{flex-direction:column;padding:.75rem .5rem}.sidebar.collapsed .sidebar-logo{justify-content:center}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.main-content{transition:margin-left .2s ease}.header{transition:left .2s ease,width .2s ease}.header{height:var(--header-height);width:calc(100% - var(--sidebar-width));position:fixed;top:0;left:var(--sidebar-width);padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;z-index:90;background:var(--bg-glass-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-primary);box-shadow:var(--shadow-xs);transition:left .2s ease,width .2s ease,background .2s ease}.header-left{display:flex;align-items:center;gap:.75rem;min-width:0}.header-menu-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-secondary);display:none;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.header-menu-btn:hover{background:var(--accent-blue-dim);color:var(--accent-blue);border-color:transparent}.header-titles{min-width:0}.header-breadcrumb{display:block;margin-bottom:.15rem}.header-page-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);color:var(--text-heading);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right{display:flex;align-items:center;gap:1rem}.header-search{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:10px;color:var(--text-muted);display:flex;pointer-events:none}.header-search input{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:.45rem .875rem .45rem 2.25rem;color:var(--text-primary);width:260px;font-size:var(--text-sm);transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.system-status{display:flex;align-items:center;gap:.4rem;padding:.35rem .65rem;border-radius:999px;border:1px solid var(--border-primary);background:var(--bg-secondary)}.system-status.online .system-status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-green);animation:livePulse 2s ease-in-out infinite}.system-status.offline .system-status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-red)}.system-status-text{font-size:.75rem;font-weight:600;color:var(--accent-red)}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.45}}.quick-actions-wrapper{position:relative}.quick-actions-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;padding:.35rem;box-shadow:var(--shadow-md);z-index:120}.theme-toggle:hover{color:var(--accent-blue)}.header-search input:focus{border-color:var(--accent-blue);background:var(--bg-primary);outline:none}.header-actions{display:flex;align-items:center;gap:.5rem}.action-btn{position:relative;color:var(--text-secondary);width:36px;height:36px;border-radius:8px;border:1px solid transparent;background:transparent;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,color .15s ease}.action-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.icon-svg{display:flex}.action-btn .badge{position:absolute;top:2px;right:2px;background-color:var(--accent-red);color:#fff;font-size:.625rem;font-weight:700;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:flex;justify-content:center;align-items:center;border:2px solid var(--bg-primary)}.user-profile{display:flex;align-items:center;gap:.625rem;padding:.25rem .5rem .25rem .25rem;border-radius:999px;border:1px solid var(--border-primary);background:var(--bg-primary);cursor:pointer;transition:background-color .15s ease}.user-profile:hover{background-color:var(--bg-secondary)}.user-avatar{width:30px;height:30px;border-radius:999px;background:var(--accent-blue);color:#fff;display:flex;justify-content:center;align-items:center;font-size:.75rem;font-weight:700}.user-info{display:flex;flex-direction:column;text-align:left}.user-name{font-size:.8125rem;font-weight:600;color:var(--text-primary);line-height:1.2}.user-role{font-size:.6875rem;color:var(--text-secondary);text-transform:capitalize;line-height:1.2}.chevron{font-size:.75rem;color:var(--text-muted);padding-right:.25rem}.notifications-wrapper{position:relative}.notifications-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:360px;background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;overflow:hidden;z-index:100}.dropdown-header{padding:.875rem 1rem;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center}.dropdown-header h3{font-size:.9375rem;font-weight:600;margin:0}.clear-btn{font-size:.75rem;color:var(--accent-blue);background:none;border:none;cursor:pointer;font-weight:600}.notifications-list{max-height:360px;overflow-y:auto}.notification-item{padding:.875rem 1rem;border-bottom:1px solid var(--border-secondary);display:flex;gap:.75rem;cursor:pointer;transition:background-color .15s ease}.notification-item:hover{background-color:var(--bg-secondary)}.notification-item.unread{background-color:var(--accent-blue-dim)}.notif-icon{width:36px;height:36px;border-radius:8px;display:flex;justify-content:center;align-items:center;flex-shrink:0;font-size:.875rem}.notif-icon.block{background-color:var(--accent-red-dim);color:var(--accent-red)}.notif-icon.threat{background-color:var(--accent-amber-dim);color:var(--accent-amber)}.notif-content{flex:1;min-width:0}.notif-title{font-size:.8125rem;font-weight:600;margin-bottom:.2rem;color:var(--text-primary)}.notif-msg{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.notif-time{font-size:.6875rem;color:var(--text-muted);margin-top:.35rem;display:block}.empty-notifications{padding:2rem 1rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.user-profile-wrapper{position:relative}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:180px;background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;padding:.35rem;z-index:150}.dropdown-item{width:100%;padding:.625rem .75rem;border-radius:6px;cursor:pointer;font-size:.8125rem;font-weight:500;color:var(--text-primary);text-align:left;border:none;background:transparent;transition:background-color .15s ease,color .15s ease}.dropdown-item:hover{background-color:var(--bg-secondary);color:var(--accent-red)}@media(max-width:960px){.header-menu-btn{display:flex}.header-search,.user-info{display:none}}@media(max-width:640px){.header{padding:0 1rem}}.threat-table-container{overflow-x:auto}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.85rem}.threats-table{width:100%;border-collapse:collapse}.threats-table th{text-align:left;padding:1rem;color:var(--text-secondary);font-size:.85rem;font-weight:500;border-bottom:1px solid var(--border-primary)}.threats-table td{padding:1rem;font-size:.94rem;border-bottom:1px solid var(--border-secondary);transition:var(--transition-fast)}.threats-table tr:hover td{background-color:var(--bg-card-hover)}.severity{padding:.25rem .6rem;border-radius:4px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.severity.critical{background-color:var(--accent-red-dim);color:var(--accent-red);border:1px solid rgba(248,81,73,.2)}.severity.high{background-color:var(--accent-yellow-dim);color:var(--accent-yellow);border:1px solid rgba(210,153,34,.2)}.severity.medium{background-color:var(--accent-blue-dim);color:var(--accent-blue);border:1px solid rgba(88,166,255,.2)}.severity.low{background-color:var(--text-muted);color:var(--text-secondary);border:1px solid var(--border-primary)}.action{font-weight:600;font-size:.9rem}.action.block{color:var(--accent-red)}.action.allow{color:var(--accent-green)}.action.warn{color:var(--accent-yellow)}.metric-card{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease;border-left:3px solid var(--accent-blue)}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.metric-card--blue{border-left-color:var(--accent-blue)}.metric-card--red{border-left-color:var(--accent-red)}.metric-card--green{border-left-color:var(--accent-green)}.metric-card--amber{border-left-color:var(--accent-amber)}.metric-card--purple{border-left-color:var(--accent-purple)}.metric-card--cyan{border-left-color:var(--accent-cyan)}.metric-card--clickable{width:100%;text-align:left;cursor:pointer;border:1px solid var(--border-primary)}.metric-card--clickable:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.metric-view-hint{display:block;margin-top:.35rem;font-size:.6875rem;font-weight:600;color:var(--accent-blue);opacity:0;transition:opacity .15s ease}.metric-card--clickable:hover .metric-view-hint,.metric-card--clickable:focus-visible .metric-view-hint{opacity:1}.metric-card-top{display:flex;justify-content:flex-end;align-items:center;min-height:1.25rem}.metric-live{display:inline-flex;align-items:center;gap:.3rem;font-size:.625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-green)}.metric-live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-green);animation:livePulse 2s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.metric-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--weight-medium);margin:0 0 .2rem}.metric-value{font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:700;color:var(--text-heading);font-variant-numeric:tabular-nums;line-height:1.1;margin:0}.metric-trend{display:inline-block;margin-top:.35rem;font-size:.75rem;font-weight:600;padding:.15rem .4rem;border-radius:4px}.metric-trend.up{color:var(--accent-green);background:var(--accent-green-dim)}.metric-trend.down{color:var(--accent-red);background:var(--accent-red-dim)}.sparkline{width:100%;margin-top:.25rem}.kpi-modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1100;padding:1.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.kpi-modal{width:min(960px,100%);max-height:min(85vh,720px);display:flex;flex-direction:column;padding:0;overflow:hidden}.kpi-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem .75rem}.kpi-modal-header h2{margin:0 0 .35rem;font-size:1.25rem;color:var(--text-heading)}.kpi-modal-header p{margin:0;font-size:.875rem;color:var(--text-secondary)}.kpi-modal-close{font-size:1.5rem;line-height:1;color:var(--text-muted);padding:.15rem .45rem;border-radius:6px}.kpi-modal-close:hover{background:var(--bg-secondary);color:var(--text-heading)}.kpi-modal-meta{display:flex;align-items:center;gap:1rem;padding:0 1.5rem .75rem;font-size:.8125rem;color:var(--text-muted)}.kpi-modal-loading{color:var(--accent-blue)}.kpi-modal-table-wrap{overflow:auto;flex:1;border-top:1px solid var(--border-secondary);border-bottom:1px solid var(--border-secondary)}.kpi-modal-table{width:100%;border-collapse:collapse;font-size:.8125rem}.kpi-modal-table th{position:sticky;top:0;z-index:1;text-align:left;padding:.65rem 1rem;background:var(--bg-secondary);color:var(--text-secondary);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-primary);white-space:nowrap}.kpi-modal-table td{padding:.6rem 1rem;border-bottom:1px solid var(--border-secondary);vertical-align:middle}.kpi-modal-table tbody tr:hover td{background:var(--bg-card-hover)}.kpi-modal-empty{text-align:center;color:var(--text-secondary);padding:2rem 1rem!important}.kpi-url-cell a{color:var(--accent-blue);word-break:break-all}.kpi-verdict{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.6875rem;font-weight:700;letter-spacing:.03em}.kpi-verdict--block{background:var(--accent-red-dim);color:var(--accent-red)}.kpi-verdict--allow{background:var(--accent-green-dim);color:var(--accent-green)}.kpi-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem}.threat-sources-wrap{overflow-x:auto}.threat-sources-table{min-width:600px}.threat-sources-table thead th{position:sticky;top:0;z-index:1;background:var(--bg-secondary)}.empty-row{text-align:center;color:var(--text-muted);padding:2rem!important}.risk-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums}.risk-high{background:var(--accent-red-dim);color:var(--accent-red)}.risk-med{background:var(--accent-amber-dim);color:var(--accent-amber)}.risk-low{background:var(--accent-green-dim);color:var(--accent-green)}.status-badge{display:inline-block;padding:.2rem .5rem;border-radius:999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.status-badge.blocked{background:var(--accent-red-dim);color:var(--accent-red)}.status-badge.monitored{background:var(--accent-blue-dim);color:var(--accent-blue)}.table-action-btn{font-size:.75rem;font-weight:600;padding:.3rem .6rem;border-radius:6px;border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer}.table-action-btn:hover{border-color:var(--accent-red);color:var(--accent-red)}.firewall-timeline{display:flex;flex-direction:column;gap:0;max-height:320px;overflow-y:auto}.firewall-timeline-empty{padding:2rem;text-align:center;color:var(--text-muted);font-size:.875rem}.timeline-item{display:flex;gap:.875rem;padding:.75rem 0;border-bottom:1px solid var(--border-secondary);position:relative}.timeline-item:last-child{border-bottom:none}.timeline-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:.35rem}.timeline-item--blocked .timeline-dot{background:var(--accent-red);box-shadow:0 0 0 3px var(--accent-red-dim)}.timeline-item--allowed .timeline-dot{background:var(--accent-green);box-shadow:0 0 0 3px var(--accent-green-dim)}.timeline-content{flex:1;min-width:0}.timeline-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.2rem}.timeline-action{font-size:.8125rem;font-weight:600;color:var(--text-heading)}.timeline-item--blocked .timeline-action{color:var(--accent-red)}.timeline-item--allowed .timeline-action{color:var(--accent-green)}.timeline-time{font-size:.6875rem;color:var(--text-muted)}.timeline-desc{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:1.4}.dashboard-enterprise{padding:1.75rem 2rem 3rem;display:flex;flex-direction:column;gap:1.5rem;max-width:1600px}.dashboard-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}.hero-actions{display:flex;gap:.625rem;flex-wrap:wrap}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.kpi-grid--three{grid-template-columns:repeat(3,1fr)}.dashboard-row{display:grid;gap:1rem}.dashboard-row--half{grid-template-columns:1fr 1fr}.widget-traffic{width:100%}.widget-card{padding:1.25rem 1.5rem}.widget-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.widget-header-right{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.widget-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-heading);margin:0 0 1rem}.widget-header .widget-title{margin-bottom:0}.widget-empty-hint{text-align:center;font-size:.8125rem;color:var(--text-muted);margin-top:-1rem}.chart-legend{display:flex;gap:.875rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text-secondary);font-weight:500}.dot{width:8px;height:8px;border-radius:50%}.dot.blue{background:#2563eb}.dot.cyan{background:#0ea5e9}.dot.red{background:#ef4444}.view-all-btn{font-size:var(--text-sm);color:var(--accent-blue);font-weight:var(--weight-semibold);background:none;border:none;cursor:pointer}.view-all-btn:hover{text-decoration:underline}.btn-sm{padding:.35rem .75rem!important;font-size:.75rem!important}@media(max-width:1200px){.dashboard-row--half{grid-template-columns:1fr}}@media(max-width:1024px){.kpi-grid--three{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-enterprise{padding:1rem}.hero-actions{width:100%}.hero-actions button{flex:1}.kpi-grid--three{grid-template-columns:1fr}}.page-header-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.page-header-title-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.page-header-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.page-live-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-primary);padding:.2rem .55rem;border-radius:4px}.page-live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-green)}.btn-secondary{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .9rem;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:#cbd5e1;box-shadow:var(--shadow-sm)}.btn-secondary:disabled{opacity:.55;cursor:not-allowed}.btn-primary{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:#fff;background:var(--accent-blue);border:1px solid transparent;border-radius:8px;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease;box-shadow:0 1px 3px #2563eb4d}.btn-primary:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 12px #2563eb59}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.threat-monitor-page{padding:2rem;display:flex;flex-direction:column;gap:2rem}.monitor-header{display:flex;justify-content:space-between;align-items:center}.monitor-header h1{font-size:1.75rem;font-weight:600;letter-spacing:-.01em;color:var(--text-heading);margin-bottom:.5rem}.monitor-header p{color:var(--text-secondary)}.filter-controls{display:flex;gap:.5rem;background-color:var(--bg-secondary);padding:.25rem;border-radius:8px;border:1px solid var(--border-primary)}.filter-btn{padding:.5rem 1rem;border-radius:6px;font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:var(--transition-fast);color:var(--text-secondary)}.filter-btn:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.filter-btn.active{background-color:var(--accent-blue);color:#fff;box-shadow:0 2px 6px #2563eb40}.threat-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.mini-stat{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem}.mini-stat-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;font-weight:700}.mini-stat-value{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;color:var(--text-heading);line-height:var(--leading-tight)}.text-amber{color:var(--accent-amber)}.monitor-table-container{padding:1rem}.url-filter-page{padding:2rem;display:flex;flex-direction:column;gap:2rem}.filter-header h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.filter-header p{color:var(--text-secondary)}.agent-sync-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-radius:10px;border:1px solid var(--border-color, rgba(255, 255, 255, .08));background:var(--card-bg, rgba(255, 255, 255, .03))}.agent-sync-banner.synced{border-color:#22c55e59;background:#22c55e14}.agent-sync-banner.pending{border-color:#f59e0b59;background:#f59e0b14}.agent-sync-text{display:flex;flex-direction:column;gap:.25rem}.agent-sync-text span{color:var(--text-secondary);font-size:.875rem}.sync-agents-btn{flex-shrink:0;padding:.55rem 1rem;border:none;border-radius:8px;background:var(--accent-color, #3b82f6);color:#fff;font-weight:600;cursor:pointer}.sync-agents-btn:disabled{opacity:.65;cursor:not-allowed}.filter-grid,.filter-stack{display:flex;flex-direction:column;gap:1.5rem;width:100%}.category-active-tag{font-size:.7rem;font-weight:700;color:var(--accent-green);text-transform:uppercase;letter-spacing:.04em}.add-url-card{display:flex;flex-direction:column;gap:.75rem}.add-url-card h3{font-size:1.1rem;font-weight:700}.add-domain-form--prominent{margin-top:.25rem}.add-domain-form--prominent input{min-width:0;font-size:1rem;padding:.75rem 1rem}.add-domain-form--prominent button{white-space:nowrap;padding:.75rem 1.5rem}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.section-header h3{margin-bottom:.25rem}.blocklist-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.blocklist-search{min-width:180px;padding:.5rem .75rem;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary)}.manual-only-toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.live-tag{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;color:var(--accent-green);background:var(--accent-green-dim);border:1px solid rgba(34,197,94,.25)}.blocklist-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding-top:.75rem}.blocklist-pagination button{padding:.45rem .9rem;border-radius:6px;background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary);font-weight:500}.blocklist-pagination button:disabled{opacity:.45;cursor:not-allowed}.blocklist-pagination span{font-size:.875rem;color:var(--text-secondary)}.category-section{display:flex;flex-direction:column;gap:.5rem}.subtitle{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem}.category-list{display:flex;flex-direction:column;gap:.75rem}.category-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px;transition:var(--transition-fast)}.category-item:hover{border-color:var(--border-primary)}.category-info{display:flex;flex-direction:column;gap:.25rem}.category-name{font-size:.95rem;font-weight:600}.category-count{font-size:.75rem;color:var(--text-secondary)}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-card);transition:.4s;border:1px solid var(--border-primary)}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:var(--text-secondary);transition:.4s}input:checked+.slider{background-color:var(--accent-red-dim);border-color:var(--accent-red)}input:checked+.slider:before{transform:translate(20px);background-color:var(--accent-red)}.slider.round{border-radius:24px}.blocklist-section{display:flex;flex-direction:column;gap:1.5rem}.add-domain-form{display:flex;gap:.75rem;margin-top:1rem}.add-domain-form input{flex:1;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;padding:.6rem 1rem;color:var(--text-primary);font-family:inherit}.add-domain-form input:focus{border-color:var(--accent-blue);outline:none}.add-domain-form button{background-color:var(--accent-blue);color:#fff;padding:.6rem 1.25rem;border-radius:6px;font-weight:600;transition:var(--transition-fast)}.add-domain-form button:hover{opacity:.9}.blocklist-table-wrapper{overflow-x:auto;max-height:420px;overflow-y:auto;border:1px solid var(--border-secondary);border-radius:8px}.blocklist-table{width:100%;border-collapse:collapse}.blocklist-table th{text-align:left;padding:1rem;color:var(--text-secondary);font-size:.85rem;border-bottom:1px solid var(--border-primary);position:sticky;top:0;background:var(--bg-card);z-index:1}.blocklist-table td{padding:1rem;border-bottom:1px solid var(--border-secondary)}.reason-tag{background-color:var(--bg-secondary);color:var(--text-secondary);padding:.2rem .5rem;border-radius:4px;font-size:.8rem;border:1px solid var(--border-secondary)}.remove-btn{font-size:1rem;opacity:.6;transition:var(--transition-fast)}.remove-btn:hover{opacity:1}@media(max-width:1024px){.add-domain-form{flex-direction:column}.add-domain-form button{width:100%}}.malware-scanner-page{padding:2rem;display:flex;flex-direction:column;gap:2rem}.scanner-header h1{font-size:1.75rem;font-weight:600;letter-spacing:.01em;color:var(--text-heading);margin-bottom:.5rem}.scanner-header p{color:var(--text-secondary)}.scanner-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.upload-section{display:flex;flex-direction:column;gap:1.5rem}.drop-zone{border:2px dashed var(--border-primary);border-radius:12px;padding:3rem 2rem;text-align:center;transition:var(--transition-fast);cursor:pointer;background-color:var(--bg-secondary)}.drop-zone:hover,.drop-zone.has-file{border-color:var(--accent-blue);background-color:var(--accent-blue-dim)}.drop-zone input{display:none}.drop-zone label{display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer}.upload-icon{font-size:3rem}.upload-text{font-weight:600;color:var(--text-primary)}.file-info{font-size:.8rem;color:var(--text-secondary)}.scan-btn{background:var(--accent-navy);color:#fff;padding:1rem;border-radius:8px;font-weight:600;font-size:1rem;transition:background-color var(--transition-fast)}.scan-btn:disabled{opacity:.5;cursor:not-allowed}.scan-btn:hover:not(:disabled){background:#0f172a}.scan-btn.loading{background:var(--bg-card);color:var(--text-secondary)}.scan-results{padding:1.25rem;border-radius:8px;border:1px solid var(--border-primary);display:flex;flex-direction:column;gap:.75rem}.result-safe{border-color:var(--accent-green);background-color:var(--accent-green-dim)}.result-malicious{border-color:var(--accent-red);background-color:var(--accent-red-dim)}.result-header{display:flex;justify-content:space-between;align-items:center}.threat-score{font-weight:700;font-size:.9rem}.result-details{font-size:.9rem;line-height:1.5}.history-section{display:flex;flex-direction:column;gap:1.5rem}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px}.item-main{display:flex;gap:1rem;align-items:center}.file-icon{font-size:1.5rem}.item-info{display:flex;flex-direction:column;gap:.25rem}.file-name{font-weight:600;font-size:.95rem}.file-meta{font-size:.75rem;color:var(--text-secondary)}.result-tag{font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase}.result-tag.safe{color:var(--accent-green);border:1px solid var(--accent-green)}.result-tag.malicious{color:var(--accent-red);border:1px solid var(--accent-red)}@media(max-width:1024px){.scanner-grid{grid-template-columns:1fr}}.vpn-status-page{padding:2rem;display:flex;flex-direction:column;gap:2rem}.vpn-header h1{font-size:1.75rem;font-weight:600;letter-spacing:.01em;color:var(--text-heading);margin-bottom:.5rem}.vpn-header p{color:var(--text-secondary)}.vpn-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:1.5rem}.interface-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.interface-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background-color:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px;transition:var(--transition-fast)}.interface-item.up,.interface-item.connected{border-left:4px solid var(--accent-green)}.interface-item.down{border-left:4px solid var(--accent-red);opacity:.7}.iface-main{display:flex;gap:1rem;align-items:center}.iface-icon{font-size:1.25rem}.iface-info{display:flex;flex-direction:column}.iface-name{font-weight:700;font-size:1rem}.iface-ip{font-size:.8rem;color:var(--text-secondary);font-family:monospace}.iface-status{display:flex;flex-direction:column;align-items:flex-end}.status-label{font-size:.75rem;font-weight:700;text-transform:uppercase}.up .status-label,.connected .status-label{color:var(--accent-green)}.down .status-label{color:var(--accent-red)}.speed-label{font-size:.75rem;color:var(--text-secondary)}.bandwidth-section{display:flex;flex-direction:column;gap:1.5rem}.bandwidth-legend{display:flex;justify-content:center;gap:2rem}.dot.purple{background-color:var(--accent-purple)}.connections-table{width:100%;border-collapse:collapse}.connections-table th{text-align:left;padding:1.25rem 1rem;color:var(--text-secondary);border-bottom:1px solid var(--border-primary)}.connections-table td{padding:1.25rem 1rem;border-bottom:1px solid var(--border-secondary)}.user-cell{display:flex;align-items:center;gap:.75rem;font-weight:600}.user-avatar-sm{width:24px;height:24px;border-radius:50%;background:var(--bg-primary);display:flex;justify-content:center;align-items:center;font-size:.75rem}.protocol-tag{background-color:var(--bg-secondary);padding:.25rem .5rem;border-radius:4px;font-size:.8rem;border:1px solid var(--border-primary)}.disconnect-btn{color:var(--accent-red);font-weight:600;font-size:.85rem}.disconnect-btn:hover{text-decoration:underline}@media(max-width:1024px){.vpn-grid{grid-template-columns:1fr}}.user-management-page{padding:1.75rem 2rem 2rem;display:flex;flex-direction:column;gap:1.5rem;width:100%;box-sizing:border-box}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.page-header h1{font-size:1.75rem;font-weight:600;letter-spacing:.01em;color:var(--text-heading);margin-bottom:.35rem}.add-user-btn{background-color:var(--accent-blue);color:#fff;padding:.65rem 1.25rem;border-radius:8px;font-weight:600;font-size:.875rem;transition:var(--transition-fast);white-space:nowrap}.add-user-btn:hover{background-color:#2563eb}.users-table-card{padding:0;overflow:hidden;width:100%}.users-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.8125rem}.users-table col.col-user,.users-table col.col-display{width:13%}.users-table col.col-email{width:22%}.users-table col.col-portal{width:12%}.users-table col.col-roles{width:14%}.users-table col.col-status{width:10%}.users-table col.col-actions{width:16%}.users-table thead{background:var(--bg-secondary)}.users-table th{text-align:left;padding:.75rem .875rem;color:var(--text-secondary);font-weight:600;font-size:.6875rem;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--border-primary);overflow:hidden;text-overflow:ellipsis}.users-table td{padding:.75rem .875rem;border-bottom:1px solid var(--border-secondary);vertical-align:middle;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-table tbody tr:hover td{background:var(--bg-card-hover)}.users-table tbody tr:last-child td{border-bottom:none}.user-row-identity{display:flex;align-items:center;gap:.5rem;min-width:0;overflow:hidden}.user-avatar-small{width:32px;height:32px;border-radius:50%;background:var(--accent-blue);color:#fff;display:flex;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;flex-shrink:0;line-height:1}.user-row-name{font-weight:600;color:var(--text-heading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.users-table td.cell-actions{overflow:visible;white-space:nowrap}.users-table td.cell-display,.users-table td.user-row-email{max-width:0}.user-row-email{color:var(--text-secondary)}.portal-tag{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:500;background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);white-space:nowrap}.user-roles{display:flex;align-items:center;gap:.35rem;flex-wrap:nowrap;overflow:hidden}.role-tag{font-size:.6875rem;font-weight:700;text-transform:uppercase;padding:.2rem .5rem;border-radius:4px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);white-space:nowrap}.status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.status-pill.online{background:var(--accent-green-dim);color:var(--accent-green)}.status-pill .status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-green)}.user-row-actions{display:flex;align-items:center;gap:.4rem}.user-row-actions button{padding:.35rem .6rem;border-radius:6px;font-weight:600;font-size:.75rem;transition:var(--transition-fast);flex-shrink:0}.users-empty{text-align:center;color:var(--text-secondary);padding:2.5rem 1rem!important;white-space:normal}.edit-btn{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.edit-btn:hover{background-color:var(--bg-card-hover)}.delete-btn{background-color:var(--accent-red-dim);color:var(--accent-red)}.delete-btn:hover{background-color:var(--accent-red);color:#fff}.modal-overlay{position:fixed;inset:0;background-color:#00000073;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:100%;max-width:450px;display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label{font-size:.85rem;color:var(--text-secondary)}.form-group input{padding:.75rem;border-radius:6px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary)}.form-group input:focus{border-color:var(--accent-blue);outline:none}.modal-actions{display:flex;gap:1rem;margin-top:1rem}.modal-actions button{flex:1;padding:.75rem;border-radius:6px;font-weight:700}.cancel-btn{background-color:var(--bg-secondary);color:var(--text-secondary)}.submit-btn{background-color:var(--accent-blue);color:#fff}.role-select-dropdown{width:100%;background-color:var(--bg-secondary);border:1px solid var(--border-primary);padding:.75rem;border-radius:6px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:var(--transition-fast)}.role-select-dropdown:focus{border-color:var(--accent-blue);outline:none}.role-tag.admin{color:var(--accent-red);border-color:var(--accent-red-dim);background-color:#f851491a}.role-tag.analyst{color:var(--accent-blue);border-color:var(--accent-blue-dim);background-color:#58a6ff1a}.role-tag.guest{color:var(--text-muted);border-color:var(--border-primary);background-color:#8b949e1a}.role-tag.user{color:var(--accent-green);border-color:var(--accent-green-dim);background-color:#3fb9501a}.role-tag.security_admin{color:#d29922;border-color:#d299224d;background-color:#d299221a}.confirm-modal{text-align:center;max-width:500px}.confirm-icon{font-size:4rem;margin-bottom:1rem}.confirm-message{font-size:1.1rem;margin:1.5rem 0;color:var(--text-primary)}.confirm-message strong{color:var(--accent-blue)}.confirm-warning{font-size:.9rem;color:var(--text-secondary);margin-bottom:2rem;padding:1rem;background-color:#f851491a;border-left:3px solid var(--accent-red);border-radius:4px}.danger-btn{background-color:var(--accent-red)!important;color:#fff!important}.danger-btn:hover{background-color:#dc2626!important}@media(max-width:768px){.user-management-page{padding:1rem}.users-table th,.users-table td{padding:.6rem .5rem;font-size:.75rem}.user-avatar-small{width:28px;height:28px;font-size:.6875rem}}.settings-page{padding:2rem;display:flex;flex-direction:column;gap:2rem}.page-header h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.page-header p{color:var(--text-secondary)}.settings-container{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start}.settings-sidebar{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.tab-btn{text-align:left;padding:1rem;border-radius:8px;font-weight:600;color:var(--text-secondary);transition:var(--transition-fast);display:flex;align-items:center;gap:.75rem}.tab-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.tab-btn.active{background-color:var(--accent-blue);color:#fff}.settings-content{padding:2.5rem;min-height:500px}.settings-section h2{font-size:1.5rem;margin-bottom:.75rem}.section-desc{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background-color:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-primary);transition:var(--transition-fast)}.toggle-item:hover{border-color:var(--accent-blue-dim);background-color:var(--bg-card-hover)}.cat-name{font-size:.8rem;font-weight:700;letter-spacing:.5px}.form-group{margin-bottom:2rem;max-width:500px}.form-group label{display:block;font-weight:700;font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem;text-transform:uppercase}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--bg-secondary);border-radius:8px}.form-group input,.form-group select{width:100%;padding:.75rem;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary)}.threshold-options{display:flex;gap:.5rem}.threshold-btn{flex:1;padding:.6rem;border-radius:6px;font-size:.8rem;font-weight:600;background-color:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);transition:var(--transition-fast)}.threshold-btn.active{background-color:var(--accent-blue-dim);border-color:var(--accent-blue);color:var(--accent-blue)}.settings-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-primary)}.save-btn{background-color:var(--accent-blue);color:#fff;padding:.75rem 2rem;border-radius:8px;font-weight:700;transition:var(--transition-fast)}.save-btn:hover{background-color:#2563eb}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--accent-blue)}input:focus+.slider{box-shadow:0 0 1px var(--accent-blue)}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.live-packets-page{padding:1.75rem 2rem 2rem;display:flex;flex-direction:column;gap:1rem;width:100%;box-sizing:border-box;overflow:visible}.packets-stats-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.packets-stats-row .stat-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;text-align:center;padding:1rem .75rem}.stat-box .stat-label{font-size:.8125rem;color:var(--text-secondary)}.stat-box .stat-value{font-size:clamp(1.5rem,2vw,2rem);font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-heading)}.text-green{color:var(--accent-green)}.text-red{color:var(--accent-red)}.toolbar-card{display:flex;flex-direction:column;gap:.75rem;padding:.875rem 1.25rem;overflow:visible}.toolbar-filters{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.toolbar-filters .filter-field{display:flex;align-items:center;gap:.5rem;flex:1;min-width:200px}.toolbar-filters input{flex:1;min-width:160px;padding:.5rem .75rem;font-size:.875rem}.toolbar-ips{display:flex;align-items:flex-start;gap:.625rem;padding-top:.5rem;border-top:1px solid var(--border-secondary)}.toolbar-ips-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;flex-shrink:0;padding-top:.15rem}.toolbar-ips-list{display:flex;flex-wrap:wrap;gap:.35rem;flex:1;min-width:0}.ip-chip{display:inline-block;padding:.15rem .45rem;border-radius:4px;font-size:.6875rem;font-family:ui-monospace,SF Mono,Fira Code,monospace;background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);word-break:break-all}.error-banner{background:var(--accent-red-dim);border:1px solid var(--accent-red);color:var(--accent-red);padding:.8rem 1rem;border-radius:8px}.packets-feed{padding:0;overflow:visible;width:100%}.packets-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.75rem}.packets-table col.col-time{width:10%}.packets-table col.col-host,.packets-table col.col-src{width:14%}.packets-table col.col-dst{width:16%}.packets-table col.col-ports{width:13%}.packets-table col.col-proto,.packets-table col.col-size{width:9%}.packets-table col.col-verdict{width:15%}.packets-table th{padding:.6rem .5rem;text-align:left;color:var(--text-secondary);font-weight:600;font-size:.625rem;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);white-space:nowrap}.packets-table td{padding:.5rem;border-bottom:1px solid var(--border-secondary);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.packets-table tbody tr:hover td{filter:brightness(.98)}.packets-table .mono{font-family:ui-monospace,SF Mono,Fira Code,monospace;font-size:.6875rem}.packet-row.allow td{background:var(--accent-green-dim)}.packet-row.block td{background:var(--accent-red-dim)}.verdict-badge{display:inline-block;padding:.15rem .45rem;border-radius:999px;font-size:.625rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.verdict-badge.allow{background:var(--accent-green-dim);color:var(--accent-green)}.verdict-badge.block{background:var(--accent-red-dim);color:var(--accent-red)}.empty-message{text-align:center;padding:2.5rem 1rem!important;color:var(--text-secondary);white-space:normal}.time-col{color:var(--text-secondary)}@media(max-width:1200px){.packets-stats-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.live-packets-page{padding:1rem}.packets-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-filters{flex-direction:column;align-items:stretch}}.live-activity-page{padding:1.75rem 2rem 2rem;display:flex;flex-direction:column;gap:1rem;max-width:1600px;min-height:100%}.activity-stats-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.activity-stats-row .stat-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:1rem .75rem;text-align:center}.activity-stats-row .stat-label{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.activity-stats-row .stat-value{font-size:clamp(1.5rem,2vw,2rem)}.activity-filters{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.875rem 1.25rem}.activity-filters .filter-field{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.activity-filters input,.activity-filters select{width:100%;padding:.5rem .75rem;font-size:.875rem}.activity-filters select{min-width:160px}.activity-feed{padding:0;overflow:hidden;flex:1;display:flex;flex-direction:column;min-height:0}.activity-table-wrap{overflow:auto;max-height:calc(100vh - 280px);min-height:320px}.activity-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:.8125rem}.activity-table col.col-time{width:7%}.activity-table col.col-host{width:12%}.activity-table col.col-type{width:8%}.activity-table col.col-url{width:30%}.activity-table col.col-app{width:14%}.activity-table col.col-dest{width:17%}.activity-table col.col-action{width:12%}.activity-table thead{position:sticky;top:0;z-index:2}.activity-table th{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-secondary);font-weight:600;font-size:.75rem;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;vertical-align:middle}.activity-table td{padding:.65rem 1rem;border-bottom:1px solid var(--border-secondary);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-table tbody tr:hover td{background:var(--bg-card-hover)}.cell-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-col a{color:var(--accent-blue);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-col a:hover{text-decoration:underline}.activity-row.url_visit td:nth-child(4){font-weight:500}.action-badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.6875rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.action-badge.allow{background:var(--accent-green-dim);color:var(--accent-green)}.action-badge.block{background:var(--accent-red-dim);color:var(--accent-red)}.empty-message{text-align:center;color:var(--text-secondary);padding:2.5rem 1rem!important;white-space:normal}.mono{font-family:ui-monospace,SF Mono,Fira Code,monospace;font-size:.75rem}@media(max-width:1200px){.activity-stats-row{grid-template-columns:repeat(3,minmax(0,1fr))}.activity-filters{grid-template-columns:1fr}.activity-filters select{min-width:0}}@media(max-width:768px){.live-activity-page{padding:1rem}.activity-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-table-wrap{max-height:calc(100vh - 360px)}}.login-container{height:100vh;width:100vw;background-color:var(--bg-app);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;color:var(--text-primary);font-family:Inter,IBM Plex Sans,system-ui,sans-serif}.gov-header-banner{position:absolute;top:0;left:0;width:100%;background-color:var(--bg-primary);border-bottom:1px solid var(--border-primary);padding:.75rem 2rem;display:flex;align-items:center;gap:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);z-index:100}.gov-seal{font-size:1.2rem}.login-card.professional{width:420px;background-color:var(--bg-card);border:1px solid var(--border-primary);padding:3.5rem 3rem;border-radius:8px;position:relative;z-index:10;margin-top:140px;box-shadow:var(--card-shadow)}.login-header{text-align:center;margin-bottom:2rem}.security-icon-3d{margin-bottom:1.5rem;display:inline-block}.login-logo-main{width:100px;height:100px;object-fit:contain;background-color:#fff;border-radius:8px;padding:10px;border:1px solid var(--border-primary)}.banner-logo{width:28px;height:28px;object-fit:contain;background-color:#fff;border-radius:4px;padding:4px;border:1px solid var(--border-primary)}.login-header h1{font-size:1.8rem;font-weight:600;letter-spacing:.01em;color:var(--text-heading);margin-bottom:.5rem}.sub-title{color:var(--text-secondary);font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em}.login-form{display:flex;flex-direction:column;gap:2rem}.form-group label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.75rem;letter-spacing:.04em}.input-with-icon{position:relative}.input-with-icon .icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);opacity:.5}.input-with-icon input,.input-with-icon select{width:100%;background-color:var(--bg-primary);border:1px solid var(--border-primary);padding:1rem 1rem 1rem 3rem;border-radius:8px;color:var(--text-primary);font-size:1rem;transition:border-color var(--transition-fast)}.input-with-icon input:focus,.input-with-icon select:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 2px var(--accent-blue-muted)}.login-btn-gov{background-color:var(--accent-blue);color:#fff;border:none;padding:1.2rem;font-weight:600;font-size:.9rem;border-radius:8px;cursor:pointer;transition:background-color var(--transition-fast),box-shadow var(--transition-fast);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 2px 8px #2563eb4d}.login-btn-gov:hover{background-color:#1d4ed8;box-shadow:0 4px 14px #2563eb59}.login-btn-gov:disabled{opacity:.5;cursor:wait}.login-disclaimer{font-size:.7rem;color:var(--text-muted);line-height:1.6;text-align:center;border-top:1px solid var(--border-primary);padding-top:1.5rem}.login-disclaimer a{color:var(--accent-blue);text-decoration:none}.background-grid{display:none}.login-error{background-color:var(--accent-red-dim);border:1px solid var(--accent-red);color:var(--accent-red);padding:1rem;border-radius:8px;font-size:.85rem;text-align:center}.user-manual-page{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.manual-hero{padding:1.5rem}.manual-hero h1{font-size:1.8rem;margin-bottom:.5rem}.manual-hero p{color:var(--text-secondary)}.manual-steps{padding:1.5rem}.manual-steps h2{margin-bottom:1rem;font-size:1.3rem}.manual-steps ol{margin:0;padding-left:1.2rem}.manual-step-item{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-primary)}.manual-step-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.manual-step-item h3{font-size:1.05rem;margin-bottom:.6rem}.manual-step-item ul{margin:0;padding-left:1rem;color:var(--text-secondary);line-height:1.6}.back-link{display:inline-block;margin-bottom:.5rem;background:none;border:none;padding:0;cursor:pointer}.back-link:hover{color:var(--accent-blue)}.device-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.device-detail-header h2{margin:0}.device-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-top:1rem}.device-meta-grid .meta-item{background:var(--bg-secondary);border-radius:8px;padding:.75rem 1rem}.device-meta-grid .meta-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.device-meta-grid .meta-value{font-size:var(--text-md);font-weight:var(--weight-semibold);margin-top:.25rem;color:var(--text-heading)}.device-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.device-actions a,.device-actions button{padding:.45rem .9rem;border-radius:6px;text-decoration:none;font-size:.9rem;cursor:pointer;border:1px solid var(--border-color);background:transparent;color:inherit}.device-actions a.primary{background:var(--accent-color, #3b82f6);border-color:transparent;color:#fff}.status-badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.8rem;text-transform:capitalize;transition:color var(--transition-status),background-color var(--transition-status)}.status-badge.online{background:var(--accent-green-dim);color:var(--accent-green)}.status-badge.offline{background:var(--accent-red-dim);color:var(--accent-red)}.device-row-link{cursor:pointer}.device-row-link:hover{background:#3b82f614}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.feed-scroll{max-height:200px;overflow-y:auto}@media(max-width:900px){.split-grid{grid-template-columns:1fr}}.init-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-secondary);z-index:9999;display:flex;justify-content:center;align-items:center;color:var(--text-primary);font-family:JetBrains Mono,Courier New,monospace}.init-content{text-align:center;width:400px}.cube-container{width:100px;height:100px;perspective:1000px;margin:0 auto 3rem}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:rotateCube 4s infinite linear}.face{position:absolute;width:100px;height:100px;border:2px solid var(--accent-blue);background:var(--accent-blue-dim);display:flex;justify-content:center;align-items:center;font-size:2rem;box-shadow:inset 0 0 20px #58a6ff33}.front{transform:rotateY(0) translateZ(50px)}.back{transform:rotateY(180deg) translateZ(50px)}.right{transform:rotateY(90deg) translateZ(50px)}.left{transform:rotateY(-90deg) translateZ(50px)}.top{transform:rotateX(90deg) translateZ(50px)}.bottom{transform:rotateX(-90deg) translateZ(50px)}@keyframes rotateCube{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}.init-text h2{font-size:1.5rem;letter-spacing:5px;margin-bottom:.5rem;color:var(--accent-blue)}.step-label{font-size:.8rem;color:var(--text-secondary);height:1.5rem}.progress-bar-container{margin-top:2rem;width:100%;height:4px;background-color:var(--border-primary);border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#1d4ed8,var(--accent-blue));box-shadow:0 0 10px #58a6ff80;transition:width .1s linear}.init-footer{margin-top:3rem;font-size:.6rem;color:var(--text-muted);letter-spacing:2px}.holographic-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 2px,3px 100%;z-index:2;opacity:.3}.app-container{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column}.content-area{margin-top:var(--header-height);flex:1;background-color:var(--bg-app);min-height:calc(100vh - var(--header-height))}.content-area--no-header{margin-top:0;min-height:100vh}.main-content--no-header{height:100vh}.page-content{padding:2rem}.main-content{overflow-y:auto;height:100vh}:root,[data-theme=light]{--color-primary: #2563eb;--color-primary-light: #0ea5e9;--color-success: #22c55e;--color-danger: #ef4444;--color-warning: #f59e0b;--color-info: #0ea5e9;--bg-app: #f8fafc;--bg-primary: #ffffff;--bg-secondary: #f1f5f9;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-glass: rgba(255, 255, 255, .85);--bg-glass-strong: rgba(255, 255, 255, .95);--text-primary: #0f172a;--text-heading: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--text-inverse: #ffffff;--border-primary: #e2e8f0;--border-secondary: #f1f5f9;--border-glass: rgba(255, 255, 255, .6);--accent-navy: #0f172a;--accent-blue: #2563eb;--accent-blue-dim: #eff6ff;--accent-blue-muted: rgba(37, 99, 235, .12);--accent-cyan: #0ea5e9;--accent-cyan-dim: rgba(14, 165, 233, .12);--accent-green: #22c55e;--accent-green-dim: rgba(34, 197, 94, .12);--accent-red: #ef4444;--accent-red-dim: rgba(239, 68, 68, .1);--accent-yellow: #f59e0b;--accent-yellow-dim: rgba(245, 158, 11, .12);--accent-amber: #f59e0b;--accent-amber-dim: rgba(245, 158, 11, .12);--accent-purple: #8b5cf6;--accent-purple-dim: rgba(139, 92, 246, .1);--accent-indigo: #6366f1;--accent-indigo-dim: rgba(99, 102, 241, .1);--chart-grid: #e2e8f0;--chart-axis: #64748b;--chart-tooltip-bg: #ffffff;--chart-tooltip-border: #e2e8f0;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 2px 8px rgba(15, 23, 42, .06);--shadow-md: 0 4px 16px rgba(15, 23, 42, .08);--shadow-lg: 0 8px 32px rgba(15, 23, 42, .1);--shadow-glow: 0 0 0 1px rgba(37, 99, 235, .08), 0 4px 16px rgba(37, 99, 235, .08);--card-shadow: var(--shadow-xs), var(--shadow-sm);--glass-bg: var(--bg-glass);--glass-border: var(--border-glass);--shadow-color: rgba(15, 23, 42, .06)}[data-theme=dark]{--bg-app: #0b1120;--bg-primary: #111827;--bg-secondary: #1e293b;--bg-card: #1e293b;--bg-card-hover: #273449;--bg-glass: rgba(17, 24, 39, .85);--bg-glass-strong: rgba(17, 24, 39, .95);--text-primary: #f1f5f9;--text-heading: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f172a;--border-primary: #334155;--border-secondary: #1e293b;--border-glass: rgba(255, 255, 255, .08);--accent-blue-dim: rgba(37, 99, 235, .18);--accent-blue-muted: rgba(37, 99, 235, .22);--accent-green-dim: rgba(34, 197, 94, .15);--accent-red-dim: rgba(239, 68, 68, .15);--accent-yellow-dim: rgba(245, 158, 11, .15);--accent-amber-dim: rgba(245, 158, 11, .15);--accent-purple-dim: rgba(139, 92, 246, .15);--accent-cyan-dim: rgba(14, 165, 233, .15);--accent-indigo-dim: rgba(99, 102, 241, .15);--chart-grid: #334155;--chart-axis: #94a3b8;--chart-tooltip-bg: #1e293b;--chart-tooltip-border: #334155;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .35);--shadow-glow: 0 0 0 1px rgba(59, 130, 246, .2), 0 4px 16px rgba(37, 99, 235, .15);--card-shadow: var(--shadow-sm)}:root{--sidebar-width: 260px;--header-height: 64px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-status: .3s ease}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-sans)}body{background-color:var(--bg-app);color:var(--text-primary);overflow-x:hidden;font-weight:var(--weight-normal);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}a{text-decoration:none;color:inherit}ul{list-style:none}button{cursor:pointer;border:none;background:none;outline:none}input,select,textarea{background-color:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-primary);border-radius:8px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-muted)}.metric-value,.stat-value{font-weight:var(--weight-bold);font-size:clamp(2rem,3vw,2.5rem);font-variant-numeric:tabular-nums;color:var(--text-heading);line-height:var(--leading-none)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#475569}@keyframes staggerEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stagger-enter{opacity:0;animation:staggerEnter .2s ease-out forwards}@keyframes skeletonPulse{0%,to{opacity:.5}50%{opacity:1}}.skeleton{background:var(--bg-secondary);border-radius:8px;animation:skeletonPulse 1.5s ease-in-out infinite}.status-transition{transition:color var(--transition-status),background-color var(--transition-status),border-color var(--transition-status)}.connection-status{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:var(--text-base);font-weight:var(--weight-medium)}.connection-status.connected{background:var(--accent-green-dim);color:var(--accent-green);border:1px solid rgba(34,197,94,.2)}.connection-status.disconnected{background:var(--accent-amber-dim);color:var(--accent-amber);border:1px solid rgba(245,158,11,.2)}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-primary)}.card{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;padding:1.25rem 1.5rem;box-shadow:var(--card-shadow);transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow-md)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table th{text-align:left;padding:.75rem 1rem;color:var(--text-secondary);font-weight:var(--weight-semibold);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);border-bottom:1px solid var(--border-primary);background:var(--bg-secondary)}.data-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-secondary);color:var(--text-primary)}.data-table tbody tr:hover td{background:var(--bg-card-hover)}code{background:var(--bg-secondary);padding:.1rem .35rem;border-radius:4px;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);border:1px solid var(--border-primary)}.section-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--text-heading)}.text-green{color:var(--accent-green)!important}.text-red{color:var(--accent-red)!important}.text-amber{color:var(--accent-amber)!important}.fade-in{animation:staggerEnter .3s ease-out}:root{--font-sans: "Inter", "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Consolas", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--leading-none: 1.1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .06em;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700}.text-display{font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--text-heading)}.text-page-title{font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--text-heading);margin:0}.text-page-desc{font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--text-secondary);margin:.35rem 0 0;max-width:56ch}.text-section-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);color:var(--text-heading);margin:0}.text-card-title{font-size:var(--text-md);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);color:var(--text-heading);margin:0}.text-body{font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--text-primary)}.text-body-secondary{font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--text-secondary)}.text-label{font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-normal);color:var(--text-secondary)}.text-caption{font-size:var(--text-xs);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--text-muted)}.text-overline{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;line-height:var(--leading-normal);color:var(--text-muted)}.text-metric{font-size:clamp(2rem,3vw,2.5rem);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:var(--leading-none);color:var(--text-heading)}.text-metric-sm{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:var(--leading-tight);color:var(--text-heading)}.text-stat-label{font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-normal);color:var(--text-secondary)}.text-mono{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal)}.text-mono-feed{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-primary)}.text-badge{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;line-height:var(--leading-normal)}h1{font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--text-heading)}h2{font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);color:var(--text-heading)}h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);color:var(--text-heading)}h4{font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--text-heading)}p{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary)}input,select,textarea,button{font-family:var(--font-sans);font-size:var(--text-base)}input::placeholder,textarea::placeholder{color:var(--text-muted);font-size:var(--text-sm)}.metric-tile{text-align:center}.metric-tile .text-stat-label{display:block;margin-top:.25rem}.page-lead{margin-bottom:1.5rem}.page-lead .text-page-desc{margin-top:.35rem}.filter-field{display:inline-flex;align-items:center;gap:.5rem}.filter-field .text-label{white-space:nowrap}.empty-state-text{font-size:var(--text-base);color:var(--text-secondary);text-align:center;padding:2rem 1rem}.toolbar-card{margin-bottom:1rem;padding:.75rem 1rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.table-scroll{overflow-x:auto;margin-top:1rem}.stack-sm{margin-top:.75rem}.stack-md{margin-top:1rem}.text-center{text-align:center}