.theme-selector{position:relative}.theme-selector-trigger{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.theme-selector-trigger:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.theme-selector-trigger.open{background:var(--bg-hover);border-color:var(--accent-primary)}.theme-selector-trigger svg:last-child{opacity:.6;transition:transform var(--duration-fast) var(--ease-out)}.theme-selector-trigger.open svg:last-child{transform:rotate(180deg)}.theme-selector-label{min-width:32px}.theme-selector-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:120px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:4px;z-index:1000;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.theme-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.theme-option:hover{background:var(--bg-hover);color:var(--text-primary)}.theme-option.active{color:var(--accent-primary)}.theme-option svg:first-child{flex-shrink:0}.theme-option span{flex:1;text-align:left}.theme-option svg:last-child{flex-shrink:0;color:var(--accent-primary)}.component-header{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 16px;border-bottom:1px solid var(--border-subtle)}.component-header-left{display:flex;align-items:center;gap:12px}.component-header-title{font-size:13px;font-weight:500;color:var(--text-secondary);margin:0;letter-spacing:.01em}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.mobile-menu-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.mobile-menu-btn:active{background:var(--bg-active)}@media(max-width:1024px){.mobile-menu-btn{display:flex}}.component-header-actions{display:flex;align-items:center;gap:2px}.component-header-action{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.component-header-action:hover{color:var(--text-primary)}.component-header-action svg{width:14px;height:14px}.component-header-divider{color:var(--text-muted);font-weight:300;opacity:.5}.component-header-account{display:flex;align-items:center;gap:8px}.component-header-account-logo{width:20px;height:20px;border-radius:50%;object-fit:cover;background:var(--bg-surface)}.component-header-account-name{font-size:13px;font-weight:500;color:var(--text-secondary)}@media(max-width:640px){.component-header-account-name{display:none}}.page-header{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.page-header-content{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:24px 20px}.page-header-title h1{font-size:24px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em;margin:0}.page-header-title p{font-size:14px;color:var(--text-secondary);margin:6px 0 0}.page-header-actions{display:flex;gap:10px;flex-shrink:0}.header-dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:8px}.dropdown-trigger svg:last-child{transition:transform var(--duration-fast) var(--ease-out)}.dropdown-trigger.open svg:last-child{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px;z-index:100}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;font-weight:500;color:var(--text-primary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background var(--duration-fast) var(--ease-out)}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-item svg{width:16px;height:16px;color:var(--text-muted)}@media(max-width:768px){.page-header-content{flex-direction:column;align-items:flex-start;padding:20px 24px}.page-header-actions{width:100%}.page-header-actions .btn{flex:1;justify-content:center}.dropdown-menu{right:auto;left:0}}:root{--bg-deep: #09090b;--bg-base: #0c0c0e;--bg-surface: #131316;--bg-elevated: #18181b;--bg-hover: #1f1f23;--bg-active: #27272a;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-disabled: #52525b;--accent-primary: #E95F26;--accent-primary-hover: #FF7A45;--accent-glow: rgba(233, 95, 38, .15);--accent-success: #22c55e;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px var(--accent-glow);--sidebar-width: 280px;--header-height: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s}[data-theme=soft]{--bg-deep: #0a0b0e;--bg-base: #0c0d10;--bg-surface: #12141a;--bg-elevated: #181a21;--bg-hover: #1e212a;--bg-active: #262a35;--text-primary: #f8fafc;--text-secondary: #a1a8b8;--text-muted: #6b7280;--text-disabled: #4b5563;--border-subtle: rgba(148, 163, 184, .08);--border-default: rgba(148, 163, 184, .12);--border-hover: rgba(148, 163, 184, .18);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6)}[data-theme=github]{--bg-deep: #0a0c10;--bg-base: #0d1117;--bg-surface: #161b22;--bg-elevated: #1c2128;--bg-hover: #21262d;--bg-active: #282e36;--text-primary: #f0f6fc;--text-secondary: #8b949e;--text-muted: #6e7681;--text-disabled: #484f58;--border-subtle: rgba(139, 148, 158, .1);--border-default: rgba(139, 148, 158, .15);--border-hover: rgba(139, 148, 158, .25);--shadow-sm: 0 1px 2px rgba(1, 4, 9, .5);--shadow-md: 0 4px 12px rgba(1, 4, 9, .6);--shadow-lg: 0 8px 24px rgba(1, 4, 9, .7)}[data-theme=crowdstrike]{--bg-deep: #000000;--bg-base: #050507;--bg-surface: #0c0c0f;--bg-elevated: #141418;--bg-hover: #1c1c22;--bg-active: #24242c;--text-primary: #ffffff;--text-secondary: #9ca3af;--text-muted: #6b7280;--text-disabled: #4b5563;--accent-primary: #EC0000;--accent-primary-hover: #ff2020;--accent-secondary: #0024ff;--accent-glow: rgba(236, 0, 0, .25);--accent-glow-blue: rgba(0, 36, 255, .2);--accent-success: #10b981;--border-subtle: rgba(99, 102, 241, .08);--border-default: rgba(99, 102, 241, .15);--border-hover: rgba(236, 0, 0, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 4px 16px rgba(0, 0, 0, .6);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .7), 0 0 60px rgba(236, 0, 0, .05);--shadow-glow: 0 0 30px var(--accent-glow)}[data-theme=crowdstrike] .btn-primary{background:linear-gradient(135deg,#ec0000,#b80000);border:none;box-shadow:0 2px 8px #ec00004d;transition:all .2s ease}[data-theme=crowdstrike] .btn-primary:hover{background:linear-gradient(135deg,#ff1a1a,#d40000);box-shadow:0 4px 16px #ec000066}[data-theme=crowdstrike] .btn-secondary{background:transparent;border:1px solid rgba(236,0,0,.5);color:#ec0000;transition:all .2s ease}[data-theme=crowdstrike] .btn-secondary:hover{background:#ec00001a;border-color:#ec0000;color:#f33}[data-theme=crowdstrike] .nav-item.active:before{background:#ec0000;box-shadow:0 0 8px #ec000080}[data-theme=crowdstrike] .sidebar{border-right-color:#ec00001a}[data-theme=crowdstrike] .page-header{position:relative;border:1px solid rgba(99,102,241,.1);transition:border-color .3s ease}[data-theme=crowdstrike] .page-header:hover{border-color:#ec000033}[data-theme=crowdstrike] input:focus,[data-theme=crowdstrike] select:focus,[data-theme=crowdstrike] textarea:focus{border-color:#ec0000;box-shadow:0 0 0 3px #ec000026}[data-theme=crowdstrike] .dropdown-menu,[data-theme=crowdstrike] .user-dropdown{border:1px solid rgba(99,102,241,.15);box-shadow:0 8px 32px #00000080,0 0 40px #ec00000d}[data-theme=crowdstrike] .nav-badge-critical{background:linear-gradient(90deg,#ec0000,#f33)}[data-theme=crowdstrike] .nav-badge-warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}[data-theme=crowdstrike] ::-webkit-scrollbar-thumb{background:#ec0000;border-radius:10px}[data-theme=crowdstrike] ::-webkit-scrollbar-thumb:hover{background:#ff2020}[data-theme=xmas]{--bg-deep: #071208;--bg-base: #0c1a0f;--bg-surface: #122416;--bg-elevated: #1a3020;--bg-hover: #223c28;--bg-active: #2a4830;--text-primary: #f5f9f7;--text-secondary: #b8d4c4;--text-muted: #7aa88c;--text-disabled: #527860;--accent-primary: #dc2626;--accent-primary-hover: #ef4444;--accent-secondary: #22c55e;--accent-glow: rgba(220, 38, 38, .25);--accent-success: #22c55e;--border-subtle: rgba(34, 197, 94, .1);--border-default: rgba(34, 197, 94, .18);--border-hover: rgba(220, 38, 38, .4);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 4px 16px rgba(0, 0, 0, .6);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .7), 0 0 40px rgba(220, 38, 38, .05);--shadow-glow: 0 0 25px var(--accent-glow)}[data-theme=xmas] .btn-primary{background:linear-gradient(135deg,#d42a2a,#a82222);border:none;box-shadow:0 2px 8px #d42a2a59}[data-theme=xmas] .btn-primary:hover{background:linear-gradient(135deg,#e63939,#c62828);box-shadow:0 4px 16px #d42a2a73}[data-theme=xmas] .btn-secondary{background:transparent;border:1px solid #22c55e;color:#22c55e}[data-theme=xmas] .btn-secondary:hover{background:#22c55e1a;border-color:#4ade80;color:#4ade80}[data-theme=xmas] .nav-item.active:before{background:#dc2626;box-shadow:0 0 10px #dc262680}[data-theme=xmas] .sidebar{border-right:1px solid rgba(45,138,78,.2)}[data-theme=xmas] .sidebar-header{border-bottom:1px solid rgba(45,138,78,.15)}[data-theme=xmas] .page-header{border:1px solid rgba(45,138,78,.15);background:linear-gradient(180deg,rgba(45,138,78,.05) 0%,transparent 100%)}[data-theme=xmas] .page-header:hover{border-color:#d42a2a40}[data-theme=xmas] input:focus,[data-theme=xmas] select:focus,[data-theme=xmas] textarea:focus{border-color:#d42a2a;box-shadow:0 0 0 3px #d42a2a33}[data-theme=xmas] .dropdown-menu,[data-theme=xmas] .user-dropdown{border:1px solid rgba(45,138,78,.2);box-shadow:0 8px 32px #00000080}[data-theme=xmas] ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d42a2a 0% 33%,#fff 33% 66%,#d42a2a 66% 100%);border-radius:10px}[data-theme=xmas] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e63939 0% 33%,#fff 33% 66%,#e63939 66% 100%)}[data-theme=xmas] .nav-section-title{color:#e0f0e8;text-transform:uppercase;letter-spacing:.08em;font-size:10px}[data-theme=xmas] .nav-badge-warning{background:#22c55e;color:#fff;font-weight:600}[data-theme=xmas] .nav-badge-critical{background:#dc2626}[data-theme=xmas] .component-header{border-bottom:1px solid rgba(45,138,78,.15)}[data-theme=xmas] .main-content:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Ccircle cx='5' cy='5' r='0.25' fill='white' fill-opacity='0.4'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Ccircle cx='5' cy='5' r='0.2' fill='white' fill-opacity='0.35'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Ccircle cx='5' cy='5' r='0.15' fill='white' fill-opacity='0.3'/%3E%3C/svg%3E");background-size:200px 200px,250px 250px,220px 220px;animation:xmas-snow 35s linear infinite,xmas-snow-visibility 90s ease-in-out infinite;opacity:0}@keyframes xmas-snow{0%{background-position:0 -100vh,50px -100vh,100px -100vh}to{background-position:100px 100vh,50px 100vh,0 100vh}}@keyframes xmas-snow-visibility{0%,75%{opacity:0}80%{opacity:.4}95%{opacity:.4}to{opacity:0}}[data-theme=halloween]{--bg-deep: #08060a;--bg-base: #0d0a10;--bg-surface: #151118;--bg-elevated: #1d1722;--bg-hover: #261e2d;--bg-active: #302638;--text-primary: #f0edf3;--text-secondary: #a89db5;--text-muted: #756a82;--text-disabled: #524860;--accent-primary: #ff6b00;--accent-primary-hover: #ff8533;--accent-secondary: #9333ea;--accent-glow: rgba(255, 107, 0, .3);--accent-success: #22c55e;--border-subtle: rgba(147, 51, 234, .1);--border-default: rgba(147, 51, 234, .18);--border-hover: rgba(255, 107, 0, .4);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .6);--shadow-md: 0 4px 16px rgba(0, 0, 0, .7);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .8), 0 0 50px rgba(255, 107, 0, .08);--shadow-glow: 0 0 30px var(--accent-glow)}[data-theme=halloween] .btn-primary{background:linear-gradient(135deg,#ff6b00,#c50);border:none;box-shadow:0 2px 10px #ff6b0066}[data-theme=halloween] .btn-primary:hover{background:linear-gradient(135deg,#ff8533,#e65c00);box-shadow:0 4px 20px #ff6b0080}[data-theme=halloween] .btn-secondary{background:transparent;border:1px solid #9333ea;color:#a855f7}[data-theme=halloween] .btn-secondary:hover{background:#9333ea26;border-color:#a855f7;color:#c084fc}[data-theme=halloween] .nav-item.active:before{background:linear-gradient(180deg,#ff6b00,#9333ea);box-shadow:0 0 12px #ff6b0080}[data-theme=halloween] .nav-item:hover{background:#9333ea1a}[data-theme=halloween] .sidebar{border-right:1px solid rgba(147,51,234,.15)}[data-theme=halloween] .sidebar-header{border-bottom:1px solid rgba(147,51,234,.12)}[data-theme=halloween] .page-header{border:1px solid rgba(147,51,234,.12);background:linear-gradient(180deg,rgba(255,107,0,.03) 0%,transparent 100%)}[data-theme=halloween] .page-header:hover{border-color:#ff6b0040}[data-theme=halloween] input:focus,[data-theme=halloween] select:focus,[data-theme=halloween] textarea:focus{border-color:#ff6b00;box-shadow:0 0 0 3px #ff6b0033}[data-theme=halloween] .dropdown-menu,[data-theme=halloween] .user-dropdown{border:1px solid rgba(147,51,234,.2);box-shadow:0 8px 32px #0009,0 0 30px #9333ea14}[data-theme=halloween] ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff6b00,#9333ea);border-radius:10px}[data-theme=halloween] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff8533,#a855f7)}[data-theme=halloween] .nav-section-title{color:#a855f7;text-transform:uppercase;letter-spacing:.08em;font-size:10px}[data-theme=halloween] .nav-badge-warning{background:#ff6b00;color:#000;font-weight:600}[data-theme=halloween] .nav-badge-critical{background:linear-gradient(90deg,#dc2626,#9333ea)}[data-theme=halloween] .component-header{border-bottom:1px solid rgba(147,51,234,.12)}[data-theme=halloween] .theme-option.active{background:#9333ea33}[data-theme=bruins]{--bg-deep: #000000;--bg-base: #0a0a08;--bg-surface: #111110;--bg-elevated: #1a1a17;--bg-hover: #232320;--bg-active: #2c2c28;--text-primary: #ffffff;--text-secondary: #b8b8a8;--text-muted: #888878;--text-disabled: #585850;--accent-primary: #FFB81C;--accent-primary-hover: #ffcc4d;--accent-secondary: #fcb514;--accent-glow: rgba(255, 184, 28, .25);--accent-success: #10b981;--border-subtle: rgba(255, 184, 28, .08);--border-default: rgba(255, 184, 28, .15);--border-hover: rgba(255, 184, 28, .35);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .6);--shadow-md: 0 4px 16px rgba(0, 0, 0, .7);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .8), 0 0 60px rgba(255, 184, 28, .08);--shadow-glow: 0 0 30px var(--accent-glow)}[data-theme=bruins] .btn-primary{background:linear-gradient(135deg,#ffb81c,#e6a010,#ffb81c);border:none;color:#000;font-weight:600;text-shadow:none;box-shadow:0 2px 8px #ffb81c4d}[data-theme=bruins] .btn-primary:hover{background:linear-gradient(135deg,#ffcc4d,#ffb81c,#ffcc4d);box-shadow:0 4px 16px #ffb81c66}[data-theme=bruins] .btn-primary span,[data-theme=bruins] .btn-primary svg{color:#000}[data-theme=bruins] .btn-secondary{background:transparent;border:2px solid #FFB81C;color:#ffb81c}[data-theme=bruins] .btn-secondary:hover{background:#ffb81c1a;border-color:#ffcc4d;color:#ffcc4d}[data-theme=bruins] .nav-item.active:before{background:linear-gradient(180deg,#ffb81c,#e6a010);box-shadow:0 0 10px #ffb81c80}[data-theme=bruins] .nav-item:hover{background:#ffb81c14}[data-theme=bruins] .sidebar{border-right:1px solid rgba(255,184,28,.15)}[data-theme=bruins] .sidebar-header{border-bottom:1px solid rgba(255,184,28,.1)}[data-theme=bruins] .page-header{border:1px solid rgba(255,184,28,.1);background:linear-gradient(180deg,rgba(255,184,28,.03) 0%,transparent 100%)}[data-theme=bruins] .page-header:hover{border-color:#ffb81c33}[data-theme=bruins] input:focus,[data-theme=bruins] select:focus,[data-theme=bruins] textarea:focus{border-color:#ffb81c;box-shadow:0 0 0 3px #ffb81c33}[data-theme=bruins] .dropdown-menu,[data-theme=bruins] .user-dropdown{border:1px solid rgba(255,184,28,.15);box-shadow:0 8px 32px #0009,0 0 30px #ffb81c0d}[data-theme=bruins] ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffb81c,#e6a010);border-radius:10px}[data-theme=bruins] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffcc4d,#ffb81c)}[data-theme=bruins] .nav-section-title{color:#ffb81c;text-transform:uppercase;letter-spacing:.1em;font-size:10px}[data-theme=bruins] .nav-badge-warning{background:#ffb81c;color:#000;font-weight:600}[data-theme=bruins] .nav-badge-critical{background:linear-gradient(90deg,#dc2626,#ef4444)}[data-theme=bruins] .component-header{border-bottom:1px solid rgba(255,184,28,.1)}[data-theme=bruins] .theme-option.active{background:#ffb81c26}[data-theme=peach]{--bg-deep: #fdf8e8;--bg-base: #fffbf0;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-hover: #fff5e1;--bg-active: #ffefd4;--text-primary: #5c1a35;--text-secondary: #8b4a60;--text-muted: #b07080;--text-disabled: #d4a0b0;--accent-primary: #f13c77;--accent-primary-hover: #ff5a8f;--accent-secondary: #f5e6ad;--accent-glow: rgba(241, 60, 119, .15);--accent-success: #22c55e;--border-subtle: rgba(241, 60, 119, .1);--border-default: rgba(241, 60, 119, .18);--border-hover: rgba(241, 60, 119, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(92, 26, 53, .08);--shadow-md: 0 4px 12px rgba(92, 26, 53, .12);--shadow-lg: 0 8px 24px rgba(92, 26, 53, .16);--shadow-glow: 0 0 20px var(--accent-glow)}[data-theme=peach] .btn-primary{background:linear-gradient(135deg,#f13c77,#e02865);border:none;box-shadow:0 2px 8px #f13c774d}[data-theme=peach] .btn-primary:hover{background:linear-gradient(135deg,#ff5a8f,#f13c77);box-shadow:0 4px 16px #f13c7766}[data-theme=peach] .btn-secondary{background:transparent;border:1px solid rgba(241,60,119,.4);color:#f13c77}[data-theme=peach] .btn-secondary:hover{background:#f13c7714;border-color:#f13c77}[data-theme=peach] .nav-item.active:before{background:#f13c77;box-shadow:0 0 8px #f13c7780}[data-theme=peach] .sidebar{background:#fffbf0;border-right:1px solid rgba(241,60,119,.12)}[data-theme=peach] .theme-option.active{background:#f13c771f}[data-theme=autumn]{--bg-deep: #1a1c0a;--bg-base: #22250d;--bg-surface: #2a2e12;--bg-elevated: #323718;--bg-hover: #3a401c;--bg-active: #444a22;--text-primary: #f5e6c8;--text-secondary: #c4b590;--text-muted: #8a7d5c;--text-disabled: #5a5038;--accent-primary: #d16014;--accent-primary-hover: #e87830;--accent-secondary: #313715;--accent-glow: rgba(209, 96, 20, .25);--accent-success: #22c55e;--border-subtle: rgba(209, 96, 20, .12);--border-default: rgba(209, 96, 20, .2);--border-hover: rgba(209, 96, 20, .4);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 4px 16px rgba(0, 0, 0, .6);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .7), 0 0 50px rgba(209, 96, 20, .08);--shadow-glow: 0 0 30px var(--accent-glow)}[data-theme=autumn] .btn-primary{background:linear-gradient(135deg,#d16014,#a84c10);border:none;box-shadow:0 2px 10px #d1601466}[data-theme=autumn] .btn-primary:hover{background:linear-gradient(135deg,#e87830,#d16014);box-shadow:0 4px 20px #d1601480}[data-theme=autumn] .btn-secondary{background:transparent;border:1px solid rgba(209,96,20,.5);color:#e87830}[data-theme=autumn] .btn-secondary:hover{background:#d1601426;border-color:#e87830}[data-theme=autumn] .nav-item.active:before{background:#d16014;box-shadow:0 0 10px #d1601499}[data-theme=autumn] .sidebar{border-right:1px solid rgba(209,96,20,.15)}[data-theme=autumn] .theme-option.active{background:#d1601433}[data-theme=twilight]{--bg-deep: #eaf2ef;--bg-base: #f4f8f6;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-hover: #e8f0ec;--bg-active: #dde8e2;--text-primary: #4a1a30;--text-secondary: #6b2340;--text-muted: #8a4a60;--text-disabled: #b88898;--accent-primary: #912f56;--accent-primary-hover: #a83d66;--accent-secondary: #eaf2ef;--accent-glow: rgba(145, 47, 86, .12);--accent-success: #1a7f37;--border-subtle: rgba(145, 47, 86, .08);--border-default: rgba(145, 47, 86, .15);--border-hover: rgba(145, 47, 86, .28);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(74, 26, 48, .06);--shadow-md: 0 4px 12px rgba(74, 26, 48, .1);--shadow-lg: 0 8px 24px rgba(74, 26, 48, .14);--shadow-glow: 0 0 20px var(--accent-glow)}[data-theme=twilight] .btn-primary{background:linear-gradient(135deg,#912f56,#752444);border:none;box-shadow:0 2px 8px #912f5640}[data-theme=twilight] .btn-primary:hover{background:linear-gradient(135deg,#a83d66,#912f56);box-shadow:0 4px 16px #912f5659}[data-theme=twilight] .btn-secondary{background:transparent;border:1px solid rgba(145,47,86,.4);color:#912f56}[data-theme=twilight] .btn-secondary:hover{background:#912f5614;border-color:#912f56}[data-theme=twilight] .nav-item.active:before{background:#912f56;box-shadow:0 0 8px #912f5666}[data-theme=twilight] .sidebar{background:#f4f8f6;border-right:1px solid rgba(145,47,86,.1)}[data-theme=twilight] .theme-option.active{background:#912f561a}[data-theme=tropical]{--bg-deep: #003d2e;--bg-base: #004d3a;--bg-surface: #005c44;--bg-elevated: #006b50;--bg-hover: #007a5c;--bg-active: #008968;--text-primary: #ffd84d;--text-secondary: #f8c828;--text-muted: #c4a020;--text-disabled: #8a7018;--accent-primary: #f8c828;--accent-primary-hover: #ffda4d;--accent-secondary: #007e5d;--accent-glow: rgba(248, 200, 40, .25);--accent-success: #2cb87a;--border-subtle: rgba(248, 200, 40, .15);--border-default: rgba(248, 200, 40, .25);--border-hover: rgba(248, 200, 40, .45);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6), 0 0 50px rgba(248, 200, 40, .1);--shadow-glow: 0 0 30px var(--accent-glow)}[data-theme=tropical] .btn-primary{background:linear-gradient(135deg,#f8c828,#d4a820);border:none;color:#003d2e;box-shadow:0 2px 10px #f8c82866}[data-theme=tropical] .btn-primary:hover{background:linear-gradient(135deg,#ffda4d,#f8c828);box-shadow:0 4px 20px #f8c82880}[data-theme=tropical] .btn-secondary{background:transparent;border:1px solid rgba(248,200,40,.5);color:#f8c828}[data-theme=tropical] .btn-secondary:hover{background:#f8c82826;border-color:#ffda4d}[data-theme=tropical] .nav-item.active:before{background:#f8c828;box-shadow:0 0 10px #f8c82899}[data-theme=tropical] .sidebar{border-right:1px solid rgba(248,200,40,.15)}[data-theme=tropical] .theme-option.active{background:#f8c82833}[data-theme=sage]{--bg-deep: #e8e5de;--bg-base: #ebe8e2;--bg-surface: #f5f3ef;--bg-elevated: #ffffff;--bg-hover: #e0dcd4;--bg-active: #d5d0c6;--text-primary: #3a4530;--text-secondary: #5a6b4a;--text-muted: #7a8b6a;--text-disabled: #a0ab98;--accent-primary: #7a8b5c;--accent-primary-hover: #8a9c6a;--accent-secondary: #dad7cd;--accent-glow: rgba(122, 139, 92, .15);--accent-success: #5a7a4a;--border-subtle: rgba(90, 107, 74, .1);--border-default: rgba(90, 107, 74, .18);--border-hover: rgba(90, 107, 74, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(58, 69, 48, .08);--shadow-md: 0 4px 12px rgba(58, 69, 48, .12);--shadow-lg: 0 8px 24px rgba(58, 69, 48, .16);--shadow-glow: 0 0 20px var(--accent-glow)}[data-theme=sage] .btn-primary{background:linear-gradient(135deg,#7a8b5c,#627548);border:none;box-shadow:0 2px 8px #7a8b5c40}[data-theme=sage] .btn-primary:hover{background:linear-gradient(135deg,#8a9c6a,#7a8b5c);box-shadow:0 4px 16px #7a8b5c59}[data-theme=sage] .btn-secondary{background:transparent;border:1px solid rgba(90,107,74,.4);color:#5a6b4a}[data-theme=sage] .btn-secondary:hover{background:#5a6b4a14;border-color:#5a6b4a}[data-theme=sage] .nav-item.active:before{background:#7a8b5c;box-shadow:0 0 8px #7a8b5c66}[data-theme=sage] .sidebar{background:#ebe8e2;border-right:1px solid rgba(90,107,74,.12)}[data-theme=sage] .theme-option.active{background:#5a6b4a1f}[data-theme=light]{--bg-deep: #ffffff;--bg-base: #f6f8fa;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-hover: #f3f4f6;--bg-active: #e5e7eb;--text-primary: #1f2328;--text-secondary: #656d76;--text-muted: #8b949e;--text-disabled: #b1bac4;--accent-primary: #E95F26;--accent-primary-hover: #d4551f;--accent-glow: rgba(233, 95, 38, .12);--accent-success: #1a7f37;--border-subtle: rgba(31, 35, 40, .08);--border-default: rgba(31, 35, 40, .15);--border-hover: rgba(31, 35, 40, .25);--shadow-sm: 0 1px 2px rgba(31, 35, 40, .08);--shadow-md: 0 4px 12px rgba(31, 35, 40, .12);--shadow-lg: 0 8px 24px rgba(31, 35, 40, .16);--shadow-glow: 0 0 20px var(--accent-glow)}[data-theme=r7]{--bg-deep: #f5f7fa;--bg-base: #ffffff;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-hover: #f0f3f7;--bg-active: #e8ecf1;--text-primary: #242B2E;--text-secondary: #5D6D75;--text-muted: #82939C;--text-disabled: #a0aec0;--accent-primary: #ED885F;--accent-primary-hover: #e07a4f;--accent-glow: rgba(237, 136, 95, .15);--accent-success: #2D823F;--accent-secondary: #3066BE;--accent-secondary-hover: #2858a8;--accent-tertiary: #77BBEC;--r7-cadet: #5D6D75;--r7-silver: #82939C;--border-subtle: rgba(93, 109, 117, .12);--border-default: rgba(93, 109, 117, .18);--border-hover: rgba(93, 109, 117, .25);--shadow-sm: 0 1px 3px rgba(93, 109, 117, .08);--shadow-md: 0 4px 12px rgba(93, 109, 117, .12);--shadow-lg: 0 8px 24px rgba(93, 109, 117, .16);--shadow-glow: 0 0 20px var(--accent-glow)}[data-theme=r7] .sidebar{background:#242b2e;border-right-color:#ffffff14}[data-theme=r7] .sidebar .nav-section-title,[data-theme=r7] .sidebar .nav-item-label,[data-theme=r7] .sidebar .logo-text{color:#fff}[data-theme=r7] .sidebar .nav-icon{color:#ffffffb3}[data-theme=r7] .sidebar .nav-item:hover{background:#ffffff14}[data-theme=r7] .sidebar .nav-item:hover .nav-icon,[data-theme=r7] .sidebar .nav-item:hover span{color:#fff}[data-theme=r7] .sidebar .nav-item.active{background:#ed885f26}[data-theme=r7] .sidebar .nav-item.active .nav-icon,[data-theme=r7] .sidebar .nav-item.active .nav-item-label,[data-theme=r7] .sidebar .nav-item.active span{color:#ed885f}[data-theme=r7] .sidebar .nav-item span{color:#ffffffd9}[data-theme=r7] .sidebar .nav-chevron{color:#ffffff80}[data-theme=r7] .sidebar-footer{border-top-color:#ffffff14}[data-theme=r7] .sidebar.detached{background:#242b2e;border-color:#ffffff14}[data-theme=r7] .sidebar.detached .sidebar-content,[data-theme=r7] .sub-nav-panel{background:#242b2e}[data-theme=r7] .sub-nav-header{background:#242b2e;border-bottom-color:#ffffff14}[data-theme=r7] .sub-nav-title{color:#fff}[data-theme=r7] .sub-nav-header .nav-icon,[data-theme=r7] .sub-nav-back{color:#ffffffb3}[data-theme=r7] .sub-nav-back:hover{background:#ffffff14;color:#fff}[data-theme=r7] .sub-nav-section-toggle{color:#ffffffd9;background:#ffffff0d}[data-theme=r7] .sub-nav-section-toggle span{color:#ffffffd9}[data-theme=r7] .sub-nav-section-toggle .chevron-icon{color:#ffffff80}[data-theme=r7] .sub-nav-section-toggle:hover{color:#fff;background:#ffffff14}[data-theme=r7] .sub-nav-section-toggle:hover span{color:#fff}[data-theme=r7] .sub-nav-item{color:#ffffffd9}[data-theme=r7] .sub-nav-item:hover{background:#ffffff14;color:#fff}[data-theme=r7] .sub-nav-item.active{background:#ed885f26;color:#ed885f}[data-theme=r7] .mdr-selector{background:#ffffff0d;border-color:#ffffff1a}[data-theme=r7] .mdr-selector:hover{background:#ffffff14}[data-theme=r7] .mdr-account-name{color:#fff}[data-theme=r7] .mdr-account-label{color:#fff9}[data-theme=r7] .main-content{background:#f5f7fa}[data-theme=r7] .page-header h1{color:#242b2e}[data-theme=r7] .page-header p{color:#4a5568}[data-theme=r7] .component-header-title{color:#242b2e}[data-theme=r7] .metric-card,[data-theme=r7] .chart-card,[data-theme=r7] .agents-list-section{background:#fff;border-color:#242b2e1f}[data-theme=r7] .metric-value{color:#242b2e}[data-theme=r7] .metric-label{color:#4a5568}[data-theme=r7] .chart-header h3{color:#242b2e}[data-theme=r7] .chart-subtitle{color:#718096}[data-theme=r7] .list-header h2{color:#242b2e}[data-theme=r7] .table-header{color:#4a5568;background:#f5f7fa}[data-theme=r7] .table-row{color:#242b2e;border-color:#242b2e14}[data-theme=r7] .table-row:hover{background:#f5f7fa}[data-theme=r7] .agent-hostname{color:#242b2e}[data-theme=r7] .agent-ip,[data-theme=r7] .agent-os,[data-theme=r7] .agent-version,[data-theme=r7] .agent-group,[data-theme=r7] .agent-lastseen{color:#4a5568}[data-theme=r7] .search-box input,[data-theme=r7] .filter-select{background:#fff;border-color:#242b2e1f;color:#242b2e}[data-theme=r7] .btn-secondary{background:#fff;border-color:#242b2e26;color:#242b2e}[data-theme=r7] .btn-secondary:hover{background:#f5f7fa;border-color:#242b2e40}[data-theme=r7] .btn-primary{background:#e85e26;color:#fff}[data-theme=r7] .btn-primary:hover{background:#d45420}[data-theme=r7] .theme-selector-trigger{background:#fff;border-color:#242b2e1f;color:#4a5568}[data-theme=r7] .theme-selector-trigger:hover{background:#f5f7fa;color:#242b2e}[data-theme=r7] .theme-selector-dropdown{background:#fff;border-color:#242b2e1f}[data-theme=r7] .theme-option{color:#4a5568}[data-theme=r7] .theme-option:hover{background:#f5f7fa;color:#242b2e}[data-theme=r7] .theme-option.active{color:#e85e26}[data-theme=r7] .user-dropdown{background:#fff;border-color:#242b2e26;box-shadow:0 8px 32px #242b2e26}[data-theme=r7] .dropdown-section-title{color:#718096}[data-theme=r7] .dropdown-user-name{color:#242b2e}[data-theme=r7] .dropdown-user-email{color:#718096}[data-theme=r7] .dropdown-user:hover{background:#f5f7fa}[data-theme=r7] .dropdown-divider{background:#242b2e1a}[data-theme=r7] .dropdown-item{color:#4a5568}[data-theme=r7] .dropdown-item:hover{background:#f5f7fa;color:#242b2e}[data-theme=r7] .dropdown-item svg{color:#718096}[data-theme=r7] .dropdown-item:hover svg{color:#4a5568}[data-theme=r7] .dropdown-section svg,[data-theme=r7] .sidebar .user-dropdown .nav-icon,[data-theme=r7] .sidebar .dropdown-item .nav-icon{color:#718096}[data-theme=r7] .dropdown-item-meta{color:#718096}[data-theme=r7] .dropdown-footer{background:#f5f7fa;border-top-color:#242b2e1a}[data-theme=r7] .check-icon,[data-theme=r7] .check-icon svg{color:#e85e26}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-deep);color:var(--text-primary);line-height:1.5;min-height:100vh;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}img{display:block;max-width:100%}ul{list-style:none}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:100;transition:width var(--duration-slow) var(--ease-out)}.sidebar.minimized{width:60px;overflow:visible}.sidebar.detached{position:fixed;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);height:auto;max-height:90vh;z-index:1000;background:var(--bg-surface);border:1px solid var(--border-default);display:flex;flex-direction:column;overflow:hidden}.sidebar.detached .sidebar-header{cursor:grab;border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-shrink:0}.sidebar.detached.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none;opacity:.9}.sidebar.detached.dragging .sidebar-header{cursor:grabbing}.sidebar.detached .sidebar-content{height:auto;max-height:calc(90vh - 60px);background:var(--bg-surface);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.sidebar.detached .sidebar-footer{border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-shrink:0}.sidebar.detached:not(.minimized){width:280px}.sidebar.detached:not(.minimized) .sidebar-header{padding:0 12px}.sidebar.detached .nav-container{position:relative;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.sidebar.detached .main-nav{position:relative;inset:auto;max-height:none;overflow:visible}.sidebar.detached .main-nav.hidden{display:none}.sidebar.detached .sub-nav-panel{position:relative;inset:auto;max-height:none;overflow:visible;transform:none}.sidebar.detached .sub-nav-panel:not(.visible){display:none}.sidebar.detached .sidebar-footer-links{flex-shrink:0}.sidebar-drop-zone{position:fixed;left:0;top:0;width:80px;height:100vh;background:transparent;border-right:3px solid transparent;z-index:999;pointer-events:none;transition:all var(--duration-fast) var(--ease-out)}.sidebar-drop-zone.visible{background:var(--accent-glow);border-right-color:var(--accent-primary);box-shadow:0 0 30px var(--accent-primary),inset 0 0 30px var(--accent-glow)}.sidebar-header-actions{display:flex;align-items:center;gap:4px}.sidebar-header-actions .sidebar-toggle{width:32px;height:32px}.sidebar-header-actions .sidebar-toggle svg{width:18px;height:18px}.sidebar-controls{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 8px}.sidebar-controls .sidebar-toggle{width:44px;height:44px;background:transparent;border-radius:var(--radius-md)}.sidebar-controls .sidebar-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-controls .sidebar-toggle svg{width:20px;height:20px}.sidebar-controls .sidebar-toggle.active{color:var(--accent-primary)}.sidebar-controls .sidebar-toggle.active svg{color:var(--accent-primary)}.sidebar.minimized .sidebar-header{justify-content:center}.sidebar.minimized .sidebar-header .logo{margin:0}.sidebar.minimized .sidebar-header{justify-content:center;padding:0}.sidebar.minimized .nav-section-title,.sidebar.minimized .nav-section-header,.sidebar.minimized .nav-section-drag-handle,.sidebar.minimized .nav-item span,.sidebar.minimized .nav-chevron,.sidebar.minimized .external-icon,.sidebar.minimized .user-info,.sidebar.minimized .user-dropdown,.sidebar.minimized .user-profile .chevron-icon{display:none}.sidebar.minimized .nav-container,.sidebar.minimized .sidebar-content,.sidebar.minimized .sidebar-nav,.sidebar.minimized .main-nav,.sidebar.minimized .nav-section,.sidebar.minimized .nav-list,.sidebar.minimized .nav-item-parent,.sidebar.minimized .sidebar-footer,.sidebar.minimized .sidebar-footer-links{overflow:visible}.sidebar.minimized .main-nav{position:relative;transform:none!important;opacity:1}.sidebar.minimized .sub-nav-panel{display:none}.sidebar.minimized .nav-section{padding:4px 8px}.sidebar.minimized .nav-list{display:flex;flex-direction:column;align-items:center;gap:2px}.sidebar.minimized .nav-container{flex:1;min-height:0;overflow-y:auto}.sidebar.minimized .nav-item{width:44px;height:44px;padding:0;justify-content:center;border-radius:var(--radius-md)}.sidebar.minimized .nav-item-parent{display:flex;justify-content:center}.sidebar.minimized .nav-icon{margin:0}.sidebar.minimized .sidebar-footer-links{padding:8px;display:flex;flex-direction:column;align-items:center;gap:4px}.sidebar.minimized .sidebar-footer-links .nav-item{width:44px;height:44px;padding:0;justify-content:center;border-radius:var(--radius-md)}.sidebar.minimized .sidebar-footer{padding:8px;display:flex;justify-content:center}.sidebar.minimized .user-profile{width:44px;height:44px;padding:0;justify-content:center;border-radius:var(--radius-md)}.sidebar.minimized .user-avatar{margin:0}.sidebar.minimized .nav-item[data-tooltip],.sidebar.minimized .user-profile[data-tooltip]{position:relative}.sidebar.minimized .nav-item[data-tooltip]:after,.sidebar.minimized .user-profile[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:var(--bg-elevated);color:var(--text-primary);padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;white-space:nowrap;box-shadow:var(--shadow-md);border:1px solid var(--border-default);opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-out),visibility var(--duration-fast) var(--ease-out);pointer-events:none;z-index:1000}.sidebar.minimized .nav-item[data-tooltip]:hover:after,.sidebar.minimized .user-profile[data-tooltip]:hover:after{opacity:1;visibility:visible}.sidebar.minimized .nav-item:before{display:none}.sidebar.minimized .nav-container{overflow-y:auto;overflow-x:hidden}.sidebar.minimized .nav-item[data-tooltip]:after,.sidebar.minimized .user-profile[data-tooltip]:after{display:none}.sidebar-tooltip{position:fixed;left:72px;background:var(--bg-elevated);color:var(--text-primary);padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;white-space:nowrap;box-shadow:var(--shadow-md);border:1px solid var(--border-default);pointer-events:none;z-index:1100;transform:translateY(-50%)}.sidebar.detached.minimized .nav-item[data-tooltip]:after,.sidebar.detached.minimized .user-profile[data-tooltip]:after{z-index:1100}.sidebar.detached:not(.minimized) .nav-container,.sidebar.detached:not(.minimized) .nav-section,.sidebar.detached:not(.minimized) .nav-list,.sidebar.detached:not(.minimized) .nav-item-parent,.sidebar.detached:not(.minimized) .sidebar-footer,.sidebar.detached:not(.minimized) .sidebar-footer-links{overflow:visible}.sidebar.detached.minimized{width:60px;max-height:80vh}.sidebar.detached.minimized .sidebar-content{display:flex;flex-direction:column;max-height:calc(80vh - 20px);overflow:hidden}.sidebar.detached.minimized .nav-container{flex:1;min-height:0;overflow-y:auto;overflow-x:visible;padding:4px 0}.sidebar.detached.minimized .main-nav{display:flex;flex-direction:column;gap:4px}.sidebar.detached.minimized .nav-section{padding:4px 8px}.sidebar.detached.minimized .nav-list{display:flex;flex-direction:column;align-items:center;gap:4px}.sidebar.detached.minimized .sidebar-footer-links{flex-shrink:0;padding:8px;border-top:1px solid var(--border-subtle)}.sidebar.detached.minimized .sidebar-footer{flex-shrink:0}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0}.sidebar-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar.minimized .sidebar-toggle{margin:0 auto}.sidebar.minimized~.main-content{margin-left:60px}.sidebar.detached~.main-content{margin-left:0}.sidebar-content{display:flex;flex-direction:column;height:100%;padding:0;overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 16px;border-bottom:1px solid var(--border-subtle)}.logo{display:flex;align-items:center;gap:10px;color:#fff}[data-theme=light] .logo{color:#1f2328}[data-theme=peach] .logo{color:#5c1a35}[data-theme=twilight] .logo{color:#4a1a30}[data-theme=sage] .logo{color:#3a4530}.logo-svg{height:17px;width:auto;transition:opacity var(--duration-normal) var(--ease-out)}.logo:hover .logo-svg{opacity:.85}.version-badge{font-size:11px;font-weight:500;color:var(--text-muted);background:var(--bg-hover);padding:4px 8px;border-radius:20px;letter-spacing:.02em}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0;scrollbar-width:thin;scrollbar-color:var(--bg-active) transparent}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--bg-active);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--text-disabled)}.nav-section{padding:4px 12px}.nav-section+.nav-section{margin-top:4px;padding-top:8px;border-top:1px solid var(--border-subtle)}.nav-section-header{display:flex;align-items:center;gap:2px;padding-right:4px}.nav-section-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:6px 8px 8px;display:block}.section-menu-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:var(--radius-sm);opacity:0;transition:all var(--duration-fast) var(--ease-out)}.nav-section:hover .section-menu-btn{opacity:1}.section-menu-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.nav-section-drag-handle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-muted);opacity:0;cursor:grab;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);flex-shrink:0;margin-left:-4px;margin-right:-4px}.nav-section:hover .nav-section-drag-handle{opacity:.5}.nav-section-drag-handle:hover{opacity:1!important;background:var(--bg-hover);color:var(--text-secondary)}.nav-section-drag-handle:active{cursor:grabbing}.nav-section{transition:transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out);position:relative}.nav-section.dragging{opacity:.5;background:var(--bg-hover);border-radius:var(--radius-md)}.nav-section.drag-over:before{content:"";position:absolute;left:12px;right:12px;height:2px;background:var(--color-primary);border-radius:1px;z-index:10;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.nav-section.drag-over-top:before{top:-1px;opacity:1}.nav-section.drag-over-bottom:before{bottom:-1px;opacity:1}.nav-section[draggable=true]{-webkit-user-select:none;user-select:none}.nav-list{display:flex;flex-direction:column;gap:2px}.nav-list-main{padding:8px 12px}.nav-item{display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-weight:500;position:relative;transition:all var(--duration-fast) var(--ease-out)}.nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:20px;background:var(--accent-primary);border-radius:0 2px 2px 0;transition:transform var(--duration-normal) var(--ease-out)}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active,.nav-item-parent.has-active-child>.nav-item{background:var(--bg-active);color:var(--text-primary)}.nav-item.active:before,.nav-item-parent.has-active-child>.nav-item:before{transform:translateY(-50%) scaleY(1)}.nav-item.active .nav-icon,.nav-item-parent.has-active-child>.nav-item .nav-icon{color:var(--accent-primary)}.nav-icon{width:20px;height:20px;flex-shrink:0;color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out)}.nav-item:hover .nav-icon{color:var(--text-secondary)}.nav-badge{margin-left:auto;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-active);border-radius:10px;font-size:11px;font-weight:600;color:var(--text-secondary);padding:0 6px}.nav-badge-warning{margin-left:8px;background:#f59e0b26;color:#f59e0b}.nav-badge-info{margin-left:8px;background:#3b82f626;color:#3b82f6}.nav-badge-critical{margin-left:8px;background:#ef444426;color:#ef4444}.nav-badge-muted{margin-left:8px;background:#71717a26;color:#71717a}.nav-item-toggle{width:100%;text-align:left}.nav-chevron{margin-left:auto;width:16px;height:16px;color:var(--text-muted);transition:transform var(--duration-normal) var(--ease-out);flex-shrink:0}.nav-item-toggle[aria-expanded=true] .nav-chevron{transform:rotate(90deg)}.nav-sub-list{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-normal) var(--ease-out)}.nav-item-parent.open .nav-sub-list{grid-template-rows:1fr}.nav-sub-list-inner{overflow:hidden;min-height:0}.nav-sub-item{display:block;padding:5px 12px 5px 44px;font-size:13px;color:var(--text-muted);border-radius:var(--radius-sm);position:relative;transition:all var(--duration-fast) var(--ease-out)}.nav-sub-item:first-child{padding-top:8px;margin-top:6px}.nav-sub-item:last-child{padding-bottom:8px}.nav-sub-item:before{content:"";position:absolute;left:24px;top:50%;transform:translateY(-50%);width:4px;height:4px;background:var(--text-disabled);border-radius:50%;transition:background var(--duration-fast) var(--ease-out)}.nav-sub-item:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-sub-item:hover:before{background:var(--text-secondary)}.nav-sub-item.active{color:var(--accent-primary);background:#27272a80}.nav-sub-item.active:before{background:var(--accent-primary)}.nav-container{flex:1;overflow:hidden;position:relative}.main-nav{position:absolute;inset:0;overflow-y:auto;transform:translate(0);transition:transform var(--duration-slow) var(--ease-out)}.main-nav.hidden{transform:translate(-100%)}.main-nav.animating{pointer-events:none}.sub-nav-panel{position:absolute;inset:0;overflow-y:auto;transform:translate(-100%);transition:transform var(--duration-slow) var(--ease-out)}.sub-nav-panel.visible{transform:translate(0)}.sub-nav-panel.animating{pointer-events:none}.sub-nav-header{display:flex;align-items:center;height:50px;padding:0 16px;gap:10px;border-bottom:1px solid var(--border-subtle);position:sticky;top:0;background:var(--bg-surface);z-index:1}.sub-nav-header .nav-icon{width:18px;height:18px;color:var(--text-secondary)}.sub-nav-title{font-size:13px;font-weight:500;color:var(--text-primary);flex:1}.sub-nav-back{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.sub-nav-back:hover{background:var(--bg-hover);color:var(--text-primary)}.sub-nav-list{padding:8px 12px;display:flex;flex-direction:column;gap:2px}.sub-nav-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:13px;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out)}.sub-nav-item:hover{color:var(--text-primary);background:var(--bg-hover)}.sub-nav-item.active{color:var(--accent-primary);background:var(--accent-glow)}.sub-nav-section{margin-bottom:4px}.sub-nav-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;font-size:13px;font-weight:500;color:var(--text-primary);background:var(--bg-elevated);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.sub-nav-section-toggle:hover{background:var(--bg-hover)}.sub-nav-section-toggle .chevron-icon{width:14px;height:14px;color:var(--text-muted);transition:transform var(--duration-normal) var(--ease-out)}.sub-nav-section.open .sub-nav-section-toggle .chevron-icon{transform:rotate(180deg)}.sub-nav-section-items{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-normal) var(--ease-out)}.sub-nav-section.open .sub-nav-section-items{grid-template-rows:1fr}.sub-nav-section-items-inner{overflow:hidden;min-height:0}.sub-nav-section .sub-nav-item{padding-left:24px}.sub-nav-section .sub-nav-item:first-child{margin-top:4px}.external-icon{margin-left:auto;width:14px;height:14px;color:var(--text-muted);opacity:0;transform:translate(-4px);transition:all var(--duration-fast) var(--ease-out)}.nav-item:hover .external-icon{opacity:1;transform:translate(0)}.sidebar-footer-links{padding:8px 12px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:2px}.sidebar-footer{position:relative;padding:12px;border-top:1px solid var(--border-subtle)}.user-profile{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-elevated);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.user-profile:hover,.user-profile[aria-expanded=true]{background:var(--bg-hover);border-color:var(--border-hover)}.user-avatar{position:relative;width:36px;height:36px;flex-shrink:0}.user-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-avatar.small{width:32px;height:32px}.user-avatar.company-logo{border-radius:var(--radius-md);background:var(--bg-hover);padding:2px}.user-avatar.company-logo img{border-radius:calc(var(--radius-md) - 2px)}.online-indicator{position:absolute;bottom:0;right:0;width:10px;height:10px;background:var(--accent-success);border:2px solid var(--bg-surface);border-radius:50%;box-shadow:0 0 #22c55e66;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 4px #22c55e00}}.user-info{flex:1;min-width:0;text-align:left}.user-name{display:block;font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{display:block;font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chevron-icon{width:16px;height:16px;color:var(--text-muted);flex-shrink:0;transition:transform var(--duration-normal) var(--ease-out)}.user-profile[aria-expanded=true] .chevron-icon{transform:rotate(180deg)}.user-dropdown{position:absolute;bottom:calc(100% + 8px);left:12px;right:12px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(8px) scale(.98);transform-origin:bottom center;transition:all var(--duration-normal) var(--ease-out);z-index:200;overflow:hidden}.user-dropdown.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.dropdown-section{padding:6px}.dropdown-section-title{display:block;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:8px 12px 6px}.dropdown-section-scrollable{padding-bottom:0}.dropdown-section-scroll{max-height:156px;overflow-y:auto;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:var(--bg-active) transparent}.dropdown-section-scroll::-webkit-scrollbar{width:6px}.dropdown-section-scroll::-webkit-scrollbar-track{background:transparent}.dropdown-section-scroll::-webkit-scrollbar-thumb{background:var(--bg-active);border-radius:3px}.dropdown-section-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-disabled)}.dropdown-divider{height:1px;background:var(--border-subtle);margin:0}.dropdown-user{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out)}.dropdown-user:hover{background:var(--bg-hover)}.dropdown-user-info{flex:1;min-width:0;text-align:left}.dropdown-user-name{display:block;font-size:13px;font-weight:500;color:var(--text-primary)}.dropdown-user-email{display:block;font-size:12px;color:var(--text-muted)}.check-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--accent-primary);opacity:0}.dropdown-user.active .check-icon{opacity:1}.dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:13px;font-weight:500;transition:all var(--duration-fast) var(--ease-out)}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-item svg{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.dropdown-item:hover svg{color:var(--text-secondary)}.dropdown-item-meta{margin-left:auto;font-size:12px;color:var(--text-muted);font-weight:400}.dropdown-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-base);border-top:1px solid var(--border-subtle)}.dropdown-brand{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-secondary)}.dropdown-brand svg{height:12px;width:auto}.dropdown-version{font-size:11px;color:var(--text-muted)}.main-content{flex:1;margin-left:var(--sidebar-width);background:var(--bg-base) url(https://www.rapid7.com/sandwich-background.webp) center center / cover no-repeat;min-height:100vh;transition:margin-left var(--duration-slow) var(--ease-out)}.content-wrapper{max-width:1200px;margin:0 auto;padding:32px 40px}.page-container{padding:20px}.page-content{max-width:1400px;margin:0 auto;padding:32px 40px}@media(max-width:768px){.page-content{padding:24px 20px}}.home-grid{display:flex;flex-direction:column;gap:32px}.home-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:8px}.stat-card-value{font-size:36px;font-weight:700;color:var(--text-primary);line-height:1}.stat-card-value.critical{color:#ef4444}.stat-card-value.warning{color:#f59e0b}.stat-card-label{font-size:13px;color:var(--text-muted)}.home-section h3{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.quick-action-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out)}.quick-action-card:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.quick-action-card svg{color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out)}.quick-action-card:hover svg{color:var(--accent-primary)}.quick-action-card span{font-size:14px;font-weight:500}@media(max-width:1024px){.home-stats,.quick-actions{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.home-stats,.quick-actions{grid-template-columns:1fr}}.content-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-subtle)}.header-title h1{font-size:24px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:6px}.header-title p{font-size:14px;color:var(--text-secondary)}.header-actions{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.btn svg{width:16px;height:16px}.btn-secondary{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.btn-primary{background:var(--accent-primary);border:1px solid var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);box-shadow:var(--shadow-glow)}.content-body{min-height:400px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 40px;background:var(--bg-surface);border:1px dashed var(--border-default);border-radius:var(--radius-lg)}.empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border-radius:50%;margin-bottom:24px;color:var(--text-muted)}.empty-state h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-state p{font-size:14px;color:var(--text-secondary);margin-bottom:24px}.nav-item{opacity:0;transform:translate(-8px);animation:slideIn var(--duration-slow) var(--ease-out) forwards}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.nav-section:nth-child(1) .nav-item:nth-child(1){animation-delay:50ms}.nav-section:nth-child(1) .nav-item:nth-child(2){animation-delay:80ms}.nav-section:nth-child(1) .nav-item:nth-child(3){animation-delay:.11s}.nav-section:nth-child(1) .nav-item:nth-child(4){animation-delay:.14s}.nav-section:nth-child(1) .nav-item:nth-child(5){animation-delay:.17s}.nav-section:nth-child(1) .nav-item:nth-child(6){animation-delay:.2s}.nav-section:nth-child(2) .nav-item:nth-child(1){animation-delay:.23s}.nav-section:nth-child(2) .nav-item:nth-child(2){animation-delay:.26s}.nav-section:nth-child(2) .nav-item:nth-child(3){animation-delay:.29s}.nav-section:nth-child(2) .nav-item:nth-child(4){animation-delay:.32s}.nav-section:nth-child(2) .nav-item:nth-child(5){animation-delay:.35s}.sidebar-footer-links .nav-item:nth-child(1){animation-delay:.38s}.sidebar-footer-links .nav-item:nth-child(2){animation-delay:.41s}.sidebar-footer-links .nav-item:nth-child(3){animation-delay:.44s}.user-profile{opacity:0;transform:translateY(8px);animation:fadeUp var(--duration-slow) var(--ease-out) forwards;animation-delay:.5s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.logo-svg{opacity:0;transform:translate(-8px);animation:logoIn var(--duration-slow) var(--ease-out) forwards}@keyframes logoIn{to{opacity:1;transform:translate(0)}}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;opacity:0;visibility:hidden;z-index:999;transition:opacity var(--duration-normal) var(--ease-out),visibility var(--duration-normal) var(--ease-out);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:1024px){.sidebar-overlay{display:block}.sidebar-overlay.visible{opacity:1;visibility:visible}.sidebar{transform:translate(-100%);transition:transform var(--duration-normal) var(--ease-out);z-index:1000}.sidebar.open{transform:translate(0)}.sidebar-header-actions,.sidebar-controls{display:none!important}.sidebar.minimized{width:var(--sidebar-width)}.sidebar.minimized .nav-section-title,.sidebar.minimized .nav-section-header,.sidebar.minimized .nav-section-drag-handle,.sidebar.minimized .nav-item span,.sidebar.minimized .nav-chevron,.sidebar.minimized .user-info{display:initial}.main-content{margin-left:0}}@media(max-width:640px){.content-wrapper{padding:24px 20px}.content-header{flex-direction:column}.header-actions{width:100%}.btn{flex:1;justify-content:center}}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.dashboard-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px}.dashboard-card.card-large{grid-row:span 2}.dashboard-card.card-wide{grid-column:span 2}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-header h3{font-size:14px;font-weight:600;color:var(--text-primary)}.card-badge{font-size:11px;font-weight:600;padding:4px 8px;border-radius:12px}.card-badge.success{background:#22c55e26;color:#22c55e}.card-link{font-size:13px;color:var(--accent-primary);transition:color var(--duration-fast)}.card-link:hover{color:var(--accent-primary-hover)}.score-display{display:flex;align-items:baseline;margin-bottom:12px}.score-value{font-size:64px;font-weight:700;color:var(--accent-success);line-height:1}.score-max{font-size:24px;color:var(--text-muted);margin-left:4px}.score-description{font-size:14px;color:var(--text-secondary)}.stat-row{display:flex;gap:24px}.stat{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:28px;font-weight:700;line-height:1}.stat-value.critical{color:#ef4444}.stat-value.warning{color:#f59e0b}.stat-value.info{color:#3b82f6}.stat-label{font-size:12px;color:var(--text-muted)}.stat-large{margin-bottom:16px}.stat-large .stat-value{font-size:36px;color:var(--text-primary)}.stat-large .stat-label{font-size:13px;margin-top:4px}.stat-breakdown{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-secondary)}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;align-items:flex-start;gap:12px}.activity-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.activity-icon.warning{background:#f59e0b26;color:#f59e0b}.activity-icon.success{background:#22c55e26;color:#22c55e}.activity-icon.info{background:#3b82f626;color:#3b82f6}.activity-content{display:flex;flex-direction:column;gap:2px}.activity-title{font-size:14px;color:var(--text-primary)}.activity-time{font-size:12px;color:var(--text-muted)}@media(max-width:1024px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.dashboard-card.card-large{grid-row:span 1}}@media(max-width:640px){.dashboard-grid{grid-template-columns:1fr}.dashboard-card.card-wide{grid-column:span 1}}.home-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;padding:24px;min-height:calc(100vh - 50px)}.home-main{display:flex;flex-direction:column;gap:24px}.dashboard-widget{position:relative}.dashboard-widget.dragging{z-index:1000}.widget-drag-handle{position:absolute;top:12px;right:12px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted);cursor:grab;opacity:0;transition:all var(--duration-fast) var(--ease-out);z-index:10;background:var(--bg-surface)}.dashboard-widget:hover .widget-drag-handle{opacity:1}.widget-drag-handle:hover{color:var(--text-secondary);background:var(--bg-hover)}.widget-drag-handle:active{cursor:grabbing;color:var(--accent-primary)}.dashboard-widget:before{content:"";position:absolute;inset:-4px;border:2px dashed transparent;border-radius:var(--radius-lg);pointer-events:none;transition:border-color var(--duration-fast) var(--ease-out)}.dashboard-widget:hover:before{border-color:var(--border-subtle)}.dashboard-widget.dragging:before{border-color:var(--accent-primary);background:var(--accent-glow)}.home-greeting{padding:24px 24px 0}.home-greeting h1{font-size:28px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.02em}.home-greeting p{font-size:15px;color:var(--text-secondary);margin:6px 0 0}.home-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-card{display:flex;align-items:center;gap:14px;padding:20px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.metric-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon.security-score{background:#22c55e26;color:#22c55e}.metric-icon.critical{background:#ef444426;color:#ef4444}.metric-icon.warning{background:#f59e0b26;color:#f59e0b}.metric-icon.info{background:#3b82f626;color:#3b82f6}.metric-content{display:flex;flex-direction:column;gap:2px;flex:1}.metric-value{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1}.metric-label{font-size:13px;color:var(--text-muted)}.metric-trend{font-size:13px;font-weight:600;padding:4px 8px;border-radius:var(--radius-sm)}.metric-trend.positive{background:#22c55e26;color:#22c55e}.metric-trend.negative{background:#ef444426;color:#ef4444}.metric-link{font-size:13px;font-weight:500;color:var(--accent-primary);padding:6px 12px;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out)}.metric-link:hover{background:var(--accent-glow)}.home-charts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.chart-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px}.chart-header{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.chart-header h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.chart-subtitle{font-size:12px;color:var(--text-muted)}.home-sections-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.home-section{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.section-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.section-header h2{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.section-badge{font-size:12px;font-weight:600;padding:2px 8px;border-radius:10px;background:var(--accent-primary);color:#fff}.section-link{margin-left:auto;font-size:13px;color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out)}.section-link:hover{color:var(--accent-primary)}.action-list{display:flex;flex-direction:column}.action-item{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border-subtle);transition:background var(--duration-fast) var(--ease-out)}.action-item:last-child{border-bottom:none}.action-item:hover{background:var(--bg-hover)}.action-indicator{width:4px;height:40px;border-radius:2px;flex-shrink:0}.action-item.critical .action-indicator{background:#ef4444}.action-item.incident .action-indicator{background:#f59e0b}.action-item.warning .action-indicator{background:#fbbf24}.action-item.task .action-indicator{background:#3b82f6}.action-content{display:flex;flex-direction:column;gap:4px;flex:1}.action-title{font-size:14px;font-weight:500;color:var(--text-primary)}.action-subtitle{font-size:13px;color:var(--text-muted)}.action-meta{display:flex;align-items:center;gap:12px;color:var(--text-muted)}.action-time{font-size:12px}.action-meta svg{opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.action-item:hover .action-meta svg{opacity:1}.detections-table{display:flex;flex-direction:column}.detections-header{display:grid;grid-template-columns:2fr 1fr 1fr 100px;gap:16px;padding:12px 20px;background:var(--bg-base);font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.detection-row{display:grid;grid-template-columns:2fr 1fr 1fr 100px;gap:16px;padding:14px 20px;border-bottom:1px solid var(--border-subtle);font-size:13px;transition:background var(--duration-fast) var(--ease-out)}.detection-row:last-child{border-bottom:none}.detection-row:hover{background:var(--bg-hover)}.detection-title{display:flex;align-items:center;gap:10px;color:var(--text-primary);font-weight:500}.severity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.severity-dot.high{background:#ef4444}.severity-dot.medium{background:#f59e0b}.severity-dot.low{background:#fbbf24}.severity-dot.info{background:#3b82f6}.detection-source,.detection-target{color:var(--text-secondary)}.detection-time{color:var(--text-muted);text-align:right}.home-quick-stats{display:flex;gap:24px;padding:20px 24px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.quick-stat{display:flex;align-items:center;gap:10px;color:var(--text-muted)}.quick-stat svg{color:var(--text-muted)}.quick-stat-value{font-size:18px;font-weight:600;color:var(--text-primary)}.quick-stat-label{font-size:13px}.home-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-section h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.blog-list{display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 180px);overflow-y:auto;padding-right:8px}.blog-list::-webkit-scrollbar{width:6px}.blog-list::-webkit-scrollbar-track{background:transparent}.blog-list::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.blog-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.blog-card{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.blog-card:hover{border-color:var(--border-hover);background:var(--bg-hover)}.blog-category{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary)}.blog-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4}.blog-excerpt{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.blog-date{font-size:12px;color:var(--text-muted)}.blog-footer svg{color:var(--text-muted);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.blog-card:hover .blog-footer svg{opacity:1}@media(max-width:1200px){.home-greeting{padding:24px 24px 0}.home-layout{grid-template-columns:1fr}.home-sidebar{order:1}.blog-list{display:grid;grid-template-columns:repeat(3,1fr);max-height:none;overflow:visible}}@media(max-width:1024px){.home-metrics{grid-template-columns:repeat(2,1fr)}.home-charts{grid-template-columns:1fr 1fr}.home-charts .chart-card:last-child{grid-column:span 2}.home-sections-row{grid-template-columns:1fr}.blog-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.home-greeting{padding:16px 16px 0}.home-layout{padding:16px}.home-metrics,.home-charts{grid-template-columns:1fr}.home-charts .chart-card:last-child{grid-column:span 1}.detections-header,.detection-row{grid-template-columns:1fr 80px}.detections-header span:nth-child(2),.detections-header span:nth-child(3),.detection-source,.detection-target{display:none}.blog-list{grid-template-columns:1fr}.home-quick-stats{flex-direction:column;gap:16px}}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:none;white-space:nowrap}.btn svg{width:14px;height:14px;flex-shrink:0}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-primary-hover)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover)}.btn-dropdown{position:relative}.btn-dropdown .btn{padding-right:12px}.btn-dropdown .btn svg:last-child{width:14px;height:14px;margin-left:-2px;opacity:.6}.agents-page{padding:24px;display:flex;flex-direction:column;gap:24px}.agents-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-icon.total{background:#3b82f626;color:#3b82f6}.metric-icon.online{background:#22c55e26;color:#22c55e}.metric-icon.offline{background:#ef444426;color:#ef4444}.metric-icon.update{background:#f59e0b26;color:#f59e0b}.agents-charts{display:grid;grid-template-columns:300px 1fr;gap:20px}.agents-charts .chart-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px}.agents-charts .chart-card.wide{min-width:0}.agents-list-section{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.list-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.list-header h2{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.list-actions{display:flex;align-items:center;gap:12px}.search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted)}.search-box:focus-within{border-color:var(--accent-primary)}.search-box input{background:transparent;border:none;outline:none;font-size:14px;color:var(--text-primary);width:180px}.search-box input::placeholder{color:var(--text-muted)}.filter-select{padding:8px 12px;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--accent-primary)}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--duration-fast) var(--ease-out)}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.icon-btn.small{width:28px;height:28px}.agents-table{display:flex;flex-direction:column}.table-header{display:grid;grid-template-columns:2fr 1.2fr .8fr 1fr 1.2fr 1fr 50px;padding:12px 20px;background:var(--bg-base);border-bottom:1px solid var(--border-subtle);font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.table-row{display:grid;grid-template-columns:2fr 1.2fr .8fr 1fr 1.2fr 1fr 50px;padding:14px 20px;border-bottom:1px solid var(--border-subtle);align-items:center;transition:background var(--duration-fast) var(--ease-out);text-decoration:none;color:inherit}.table-row:hover{background:var(--bg-hover)}.table-row:last-child{border-bottom:none}.agent-info{display:flex;flex-direction:column;gap:2px}.agent-hostname{font-weight:500;color:var(--text-primary)}.agent-ip{font-size:12px;color:var(--text-muted);font-family:monospace}.agent-os,.agent-version,.agent-group,.agent-lastseen{font-size:14px;color:var(--text-secondary)}.agent-version{font-family:monospace}.agent-actions{display:flex;justify-content:flex-end}.agent-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:100px;font-size:12px;font-weight:500}.agent-status.status-online{background:#22c55e26;color:#22c55e}.agent-status.status-offline{background:#ef444426;color:#ef4444}.agent-status.status-update{background:#f59e0b26;color:#f59e0b}.agent-status.status-warning{background:#fbbf2426;color:#fbbf24}.empty-state{padding:48px 20px;text-align:center;color:var(--text-muted)}@media(max-width:1200px){.agents-charts{grid-template-columns:1fr}}@media(max-width:1024px){.agents-stats{grid-template-columns:repeat(2,1fr)}.table-header,.table-row{grid-template-columns:2fr 1fr 1.2fr 1fr}.table-header span:nth-child(3),.table-header span:nth-child(4),.table-header span:nth-child(7),.agent-version,.agent-group,.agent-actions{display:none}}@media(max-width:768px){.agents-page{padding:16px}.agents-stats{grid-template-columns:1fr 1fr}.list-header{flex-direction:column;align-items:flex-start;gap:12px}.list-actions{width:100%;flex-wrap:wrap}.search-box{flex:1;min-width:150px}.search-box input{width:100%}.table-header,.table-row{grid-template-columns:1fr 1fr}.table-header span:nth-child(2),.agent-os{display:none}}.agent-detail-panel{position:fixed;top:0;right:0;width:400px;height:100vh;background:var(--bg-surface);border-left:1px solid var(--border-default);box-shadow:var(--shadow-lg);transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:100;display:flex;flex-direction:column;overflow:hidden}.agent-detail-panel.open{transform:translate(0)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated)}.panel-title h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.panel-subtitle{font-size:12px;color:var(--text-muted);font-family:SF Mono,monospace}.panel-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.panel-close:hover{background:var(--bg-hover);color:var(--text-primary)}.panel-content{flex:1;overflow-y:auto;padding:20px}.panel-section{margin-bottom:24px}.panel-section:last-child{margin-bottom:0}.panel-section-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px}.panel-status-row{display:flex;align-items:center;gap:12px}.panel-lastseen{font-size:12px;color:var(--text-muted)}.panel-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel-info-item{display:flex;flex-direction:column;gap:4px}.panel-info-label{font-size:11px;color:var(--text-muted)}.panel-info-value{font-size:13px;font-weight:500;color:var(--text-primary)}.panel-charts-row{display:flex;justify-content:center;gap:32px}.panel-mini-chart{display:flex;flex-direction:column;align-items:center;gap:4px}.panel-chart-label{font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase}.panel-activity-chart{background:var(--bg-base);border-radius:var(--radius-md);padding:12px;border:1px solid var(--border-subtle)}.panel-actions{display:flex;flex-direction:column;gap:8px}.panel-action-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.panel-action-btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.panel-action-btn svg{width:16px;height:16px;color:var(--text-muted)}.panel-action-btn:hover svg{color:var(--text-secondary)}.panel-action-btn.danger{color:var(--accent-error, #ef4444)}.panel-action-btn.danger:hover{background:#ef44441a;border-color:#ef44444d}.panel-action-btn.danger svg{color:var(--accent-error, #ef4444)}.table-row.selected{background:var(--accent-glow);border-color:var(--accent-primary)}.table-row.selected .agent-hostname{color:var(--accent-primary)}[data-theme=r7] .agent-detail-panel{background:#fff;border-color:#242b2e1f}[data-theme=r7] .panel-header{background:#f5f7fa;border-color:#242b2e14}[data-theme=r7] .panel-title h3{color:#242b2e}[data-theme=r7] .panel-subtitle,[data-theme=r7] .panel-section-title,[data-theme=r7] .panel-info-label{color:#718096}[data-theme=r7] .panel-info-value{color:#242b2e}[data-theme=r7] .panel-lastseen{color:#718096}[data-theme=r7] .panel-activity-chart{background:#f5f7fa;border-color:#242b2e14}[data-theme=r7] .panel-action-btn{background:#fff;border-color:#242b2e1f;color:#4a5568}[data-theme=r7] .panel-action-btn:hover{background:#f5f7fa;border-color:#242b2e33;color:#242b2e}[data-theme=r7] .panel-action-btn svg{color:#718096}[data-theme=r7] .table-row.selected{background:#e85e2614;border-color:#e85e26}[data-theme=r7] .table-row.selected .agent-hostname{color:#e85e26}@media(max-width:768px){.agent-detail-panel{width:100%}}.apexcharts-tooltip{background:var(--bg-elevated)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}.apexcharts-tooltip-title{background:var(--bg-hover)!important;border-bottom:1px solid var(--border-subtle)!important;color:var(--text-primary)!important;font-weight:500!important}.apexcharts-tooltip-text{color:var(--text-primary)!important}.apexcharts-tooltip-text-y-label{color:var(--text-secondary)!important}.apexcharts-tooltip-text-y-value{color:var(--text-primary)!important;font-weight:600!important}.apexcharts-tooltip-series-group{background:transparent!important}.apexcharts-xaxistooltip{background:var(--bg-elevated)!important;border:1px solid var(--border-default)!important;color:var(--text-primary)!important}.apexcharts-xaxistooltip-text{color:var(--text-primary)!important}.agents-list-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px}.agents-list-card .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.agents-list-card .card-header-left{display:flex;align-items:center;gap:12px}.agents-list-card .card-header-left h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.agents-list-card .count-badge{font-size:12px;font-weight:500;color:var(--text-secondary);background:var(--bg-hover);padding:4px 10px;border-radius:20px}.agents-list-card .card-header-right{display:flex;gap:8px}.agents-list-card .card-description{font-size:13px;color:var(--text-muted);margin:0 0 20px}.filters-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}.tab-filters{display:flex;background:var(--bg-hover);border-radius:var(--radius-md);padding:4px;gap:2px}.tab-btn{padding:8px 16px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--text-primary);background:var(--bg-surface);box-shadow:var(--shadow-sm)}.filters-right{display:flex;align-items:center;gap:8px}.search-input{display:flex;align-items:center;gap:8px;background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 12px;min-width:200px}.search-input svg{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.search-input input{flex:1;background:transparent;border:none;outline:none;font-size:13px;color:var(--text-primary)}.search-input input::placeholder{color:var(--text-muted)}.search-shortcut{font-size:11px;color:var(--text-muted);background:var(--bg-active);padding:2px 6px;border-radius:4px;font-family:system-ui}.btn-filter{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;color:var(--text-primary);background:var(--bg-hover);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.btn-filter:hover{background:var(--bg-active)}.btn-filter svg{width:14px;height:14px}.agents-table-new{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.table-header-new{display:grid;grid-template-columns:48px 1fr 200px 120px 1fr 80px;align-items:center;padding:12px 16px;font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border-subtle)}.table-body{max-height:600px;overflow-y:auto}.table-row-new{display:grid;grid-template-columns:48px 1fr 200px 120px 1fr 80px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.table-row-new:last-child{border-bottom:none}.table-row-new:hover{background:var(--bg-hover)}.table-row-new.selected{background:var(--accent-glow)}.checkbox{display:flex;align-items:center;justify-content:center;cursor:pointer}.checkbox input{display:none}.checkbox .checkmark{width:18px;height:18px;border:2px solid var(--border-default);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out);color:transparent}.checkbox:hover .checkmark{border-color:var(--accent-primary)}.checkbox input:checked+.checkmark{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.col-agent{display:flex;align-items:center;gap:12px}.agent-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary) 0%,#8B5CF6 100%);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.agent-avatar svg{width:20px;height:20px}.agent-info-stack{display:flex;flex-direction:column;gap:2px;min-width:0}.agent-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-domain{font-size:12px;color:var(--text-muted)}.col-health{display:flex;align-items:center;gap:10px}.health-bar-container{flex:1;height:6px;background:var(--bg-active);border-radius:3px;overflow:hidden;max-width:100px}.health-bar{height:100%;border-radius:3px;transition:width .3s ease}.health-bar.good{background:linear-gradient(90deg,#3066be,#77bbec)}.health-bar.warning{background:linear-gradient(90deg,#ed885f,#f5a623)}.health-bar.critical{background:linear-gradient(90deg,#dc3545,#ed885f)}.health-value{font-size:13px;font-weight:600;color:var(--text-primary);min-width:24px}.health-change{font-size:12px;font-weight:500;padding:2px 6px;border-radius:4px}.health-change.positive{color:#22c55e;background:#22c55e1a}.health-change.negative{color:#ef4444;background:#ef44441a}.col-date{font-size:13px;color:var(--text-secondary)}.col-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.status-pill{font-size:11px;font-weight:500;padding:4px 10px;border-radius:20px;display:flex;align-items:center;gap:4px}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%}.status-pill.online{color:#22c55e;background:#22c55e26}.status-pill.online:before{background:#22c55e}.status-pill.offline{color:#ef4444;background:#ef444426}.status-pill.offline:before{background:#ef4444}.status-pill.needs_update{color:#f5a623;background:#f5a62326}.status-pill.needs_update:before{background:#f5a623}.status-pill.warning{color:#ed885f;background:#ed885f26}.status-pill.warning:before{background:#ed885f}.tag-pill{font-size:11px;font-weight:500;color:var(--text-secondary);background:var(--bg-hover);padding:4px 10px;border-radius:20px;border:1px solid var(--border-subtle)}.tag-pill.more{color:var(--text-muted);background:transparent;border-color:var(--border-default)}.col-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.action-btn svg{width:16px;height:16px}@media(max-width:1200px){.table-header-new,.table-row-new{grid-template-columns:48px 1fr 160px 100px 1fr 70px}}@media(max-width:900px){.filters-row{flex-direction:column;align-items:stretch}.tab-filters{overflow-x:auto}.filters-right{justify-content:flex-end}.table-header-new,.table-row-new{grid-template-columns:40px 1fr 1fr 60px}.col-health,.col-date{display:none}}
