:root{--bg-base: rgb(33, 33, 33);--bg-base-translucent: rgba(33, 33, 33, .85);--bg-surface: #393939;--bg-elevated: #1a1a1a;--bg-muted: #2e2d2d;--bg-overlay: rgba(0, 0, 0, .8);--border-default: #2a2a2a;--border-subtle: #1f1f1f;--border-strong: #3a3a3a;--text-primary: #f0f0f0;--text-secondary: #cccaca;--text-muted: #a5a4a4;--text-inverse: #0a0a0a;--accent-primary: #9fd9d5;--accent-primary-hover: #7fc9c5;--accent-primary-bg: #0d1f1e;--accent-primary-border: #1a3f3d;--level-0-bg: #1a1a1a;--level-0-text: #6b6b6b;--level-0-border: #333333;--level-1-bg: #1c1917;--level-1-text: #f59e0b;--level-1-border: #78350f;--level-2-bg: #1e1b4b;--level-2-text: #a78bfa;--level-2-border: #4c1d95;--level-3-bg: #1e3a5f;--level-3-text: #60a5fa;--level-3-border: #1e40af;--level-4-bg: #0d2818;--level-4-text: #22c55e;--level-4-border: #14532d;--compliance-soc2-bg: #1a1f2e;--compliance-soc2-border: #3b4a6b;--compliance-soc2-text: #8aa2d3;--compliance-gdpr-bg: #1f2a1a;--compliance-gdpr-border: #4a6b3b;--compliance-gdpr-text: #a2d38a;--compliance-hipaa-bg: #2a1a1f;--compliance-hipaa-border: #6b3b4a;--compliance-hipaa-text: #d38aa2;--compliance-pci-bg: #2a251a;--compliance-pci-border: #6b5a3b;--compliance-pci-text: #d3c08a;--compliance-iso27001-bg: #1a252a;--compliance-iso27001-border: #3b5a6b;--compliance-iso27001-text: #8ac0d3;--threat-authentication-bg: #2a1a1a;--threat-authentication-border: #6b3b3b;--threat-authentication-text: #d38a8a;--threat-authorization-bg: #2a221a;--threat-authorization-border: #6b5a3b;--threat-authorization-text: #d3b88a;--threat-data-bg: #251a2a;--threat-data-border: #5a3b6b;--threat-data-text: #c08ad3;--threat-token-bg: #2a261a;--threat-token-border: #6b5f3b;--threat-token-text: #d3c58a;--threat-infrastructure-bg: #1a1f2a;--threat-infrastructure-border: #3b4a6b;--threat-infrastructure-text: #8aa2d3;--threat-supply_chain-bg: #1a2a2a;--threat-supply_chain-border: #3b6b6b;--threat-supply_chain-text: #8ad3d3;--threat-insider-bg: #2a1a25;--threat-insider-border: #6b3b5a;--threat-insider-text: #d38ac0;--threat-operational-bg: #1f1f1f;--threat-operational-border: #4a4a4a;--threat-operational-text: #a8a8a8;--scrollbar-bg: #1a1a1a;--scrollbar-thumb: #333333;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5)}:root.light{--bg-base: #ffffff;--bg-base-translucent: rgba(255, 255, 255, .85);--bg-surface: #f8f9fa;--bg-elevated: #ffffff;--bg-muted: #f1f3f5;--bg-overlay: rgba(255, 255, 255, .9);--border-default: #dee2e6;--border-subtle: #e9ecef;--border-strong: #ced4da;--text-primary: #212529;--text-secondary: #495057;--text-muted: #868e96;--text-inverse: #ffffff;--accent-primary: #161131;--accent-primary-hover: #2a2050;--accent-primary-bg: #e8e6f5;--accent-primary-border: #c4c0e0;--level-0-bg: #f1f3f5;--level-0-text: #868e96;--level-0-border: #dee2e6;--level-1-bg: #fef3c7;--level-1-text: #b45309;--level-1-border: #fcd34d;--level-2-bg: #ede9fe;--level-2-text: #7c3aed;--level-2-border: #c4b5fd;--level-3-bg: #dbeafe;--level-3-text: #2563eb;--level-3-border: #93c5fd;--level-4-bg: #dcfce7;--level-4-text: #15803d;--level-4-border: #86efac;--compliance-soc2-bg: #e8eaf5;--compliance-soc2-border: #b0b8d9;--compliance-soc2-text: #4a5a8a;--compliance-gdpr-bg: #e8f5ea;--compliance-gdpr-border: #b0d9b8;--compliance-gdpr-text: #4a8a5a;--compliance-hipaa-bg: #f5e8ea;--compliance-hipaa-border: #d9b0b8;--compliance-hipaa-text: #8a4a5a;--compliance-pci-bg: #f5f2e8;--compliance-pci-border: #d9cfb0;--compliance-pci-text: #8a7a4a;--compliance-iso27001-bg: #e8f2f5;--compliance-iso27001-border: #b0cfd9;--compliance-iso27001-text: #4a7a8a;--threat-authentication-bg: #fef2f2;--threat-authentication-border: #fca5a5;--threat-authentication-text: #b91c1c;--threat-authorization-bg: #fff7ed;--threat-authorization-border: #fdba74;--threat-authorization-text: #c2410c;--threat-data-bg: #faf5ff;--threat-data-border: #d8b4fe;--threat-data-text: #7c3aed;--threat-token-bg: #fefce8;--threat-token-border: #fde047;--threat-token-text: #a16207;--threat-infrastructure-bg: #eff6ff;--threat-infrastructure-border: #93c5fd;--threat-infrastructure-text: #1d4ed8;--threat-supply_chain-bg: #ecfeff;--threat-supply_chain-border: #67e8f9;--threat-supply_chain-text: #0e7490;--threat-insider-bg: #fdf2f8;--threat-insider-border: #f9a8d4;--threat-insider-text: #be185d;--threat-operational-bg: #f9fafb;--threat-operational-border: #d1d5db;--threat-operational-text: #4b5563;--scrollbar-bg: #f1f3f5;--scrollbar-thumb: #ced4da;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}*,*:before,*:after{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}html{background-color:var(--bg-base);color:var(--text-primary)}body{margin:0;background-color:var(--bg-base);color:var(--text-primary);font-family:JetBrains Mono,SF Mono,Fira Code,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background-color:var(--accent-primary);color:var(--text-inverse)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}a{color:var(--accent-primary)}a:hover{color:var(--accent-primary-hover)}.nav-link{color:var(--text-secondary)}.nav-link:hover{background:var(--bg-surface);color:var(--text-primary)}.nav-link-cta:hover{opacity:.88}.dropdown-item{color:var(--text-secondary)}.dropdown-item:hover{background:var(--bg-muted);color:var(--text-primary)}.nav-backdrop{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}:root{--main-grid-columns: 1fr 320px;--main-grid-gap: 32px;--content-max-width: 1400px;--content-padding: 24px;--level-grid-columns: repeat(4, 1fr);--level-button-padding: 10px 8px;--level-button-gap: 4px;--touch-target-min: 32px;--modal-max-width: 600px;--modal-padding: 20px;--modal-height: auto;--modal-border-radius: 0;--navbar-height: 60px;--sidebar-width: 320px;--sidebar-display: block}@media (max-width: 1024px){:root{--main-grid-columns: 1fr;--main-grid-gap: 24px;--content-padding: 20px;--sidebar-display: none}}@media (max-width: 639px){:root{--main-grid-columns: 1fr;--main-grid-gap: 16px;--content-padding: 16px;--level-grid-columns: repeat(2, 1fr);--level-button-padding: 12px;--level-button-gap: 8px;--touch-target-min: 44px;--modal-max-width: 100%;--modal-padding: 16px;--modal-height: 100%;--modal-border-radius: 0;--navbar-height: 56px;--sidebar-display: none}}@supports (padding-top: env(safe-area-inset-top)){@media (max-width: 639px){:root{--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom);--safe-area-left: env(safe-area-inset-left);--safe-area-right: env(safe-area-inset-right)}}}
