:root{--quantum-teal: #00d6c6;--deep-signal-green: #005f60;--null-black: #111111;--null-black-bright: #3a3a3a;--infra-navy: #2c2e73;--signal-ember: #d96d3d;--static-white: #ffffff;--teal: var(--quantum-teal);--teal-bg: rgba(0, 214, 198, .1);--teal-bg-dark: rgba(0, 95, 96, .2);--teal-hover: var(--deep-signal-green);--purple-bg: rgba(138, 66, 255, .2);--purple-bg-hover: rgba(116, 56, 213, .2);--red: #ff3e45;--red-bg: rgba(255, 62, 62, .2);--red-bg-dark: rgba(161, 38, 38, .2);--text-light: var(--static-white);--text-dim: rgba(255, 255, 255, .7);--border-dim: rgba(0, 214, 198, .15);--bg-dim: rgba(255, 255, 255, .1);--icon-filter: initial;--bg-primary: var(--null-black);--bg-secondary: var(--deep-signal-green);--bg-accent: rgba(0, 95, 96, .8);--bg-gradient-primary: linear-gradient(45deg, var(--null-black), var(--deep-signal-green));--bg-gradient-dark: linear-gradient(45deg, var(--null-black), rgba(0, 95, 96, .6));--glass-bg: rgba(0, 95, 96, .85);--glass-border: rgba(0, 214, 198, .15);--glass-highlight: rgba(0, 214, 198, .08);--card-shadow: 0 8px 32px 0 rgba(0, 0, 0, .5);--card-bg-subtle: rgba(255, 255, 255, .05);--card-bg: rgba(0, 95, 96, .4);--card-bg-hover: rgba(0, 95, 96, .6);--card-solid: #002324;--dark-blue-card: rgba(0, 95, 96, .3);--inactive: rgba(96, 96, 96, .3);--orange: var(--signal-ember);--yellow: #ffc107;--blue: #2196f3;--green: #4caf50;--severity-critical: #9459ff;--severity-high: #eb544c;--severity-medium: #ecb100;--severity-low: #3b82f6;--severity-info: #808080;--severity-info-bg: rgba(128, 128, 128, .3);--severity-info-text: #aeaeae;--severity-low-bg: rgba(59, 130, 246, .2);--severity-low-text: #3b82f6;--severity-medium-bg: rgba(222, 176, 35, .3);--severity-medium-text: #ecb100;--severity-high-bg: rgba(212, 7, 26, .35);--severity-high-text: #eb544c;--severity-critical-bg: rgba(111, 66, 193, .3);--severity-critical-text: #9459ff;--heading-font: "Montserrat", sans-serif;--body-font: "Open Sans", sans-serif;--h1-size: 4.5rem;--h1-line-height: 1.1;--h1-weight: 800;--h2-size: 3rem;--h2-line-height: 1.2;--h2-weight: 400;--h3-size: 1.6rem;--h3-line-height: 1.3;--h3-weight: 600;--body-size: 1rem;--body-line-height: 1.6;--body-weight: 400;--button-size: 1rem;--button-line-height: 1.5;--button-weight: 600;--gradient-primary: linear-gradient(45deg, var(--quantum-teal), var(--deep-signal-green));--gradient-dark: linear-gradient(45deg, var(--null-black), var(--infra-navy));--gradient-contrast: linear-gradient(45deg, var(--quantum-teal), var(--null-black-bright));--border-radius-small: 8px;--border-radius-medium: 12px;--border-radius-large: 16px;--border-radius-button: 50px;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-xxl: 64px}:root.light-mode{--quantum-teal: #00a89b;--deep-signal-green: #007a6e;--null-black: #f8f9fa;--null-black-bright: #e9ecef;--static-white: #1a1a1a;--teal: var(--quantum-teal);--teal-bg: rgba(0, 168, 155, .15);--teal-bg-dark: rgba(0, 122, 110, .2);--teal-hover: var(--deep-signal-green);--text-light: var(--static-white);--text-dim: rgba(0, 0, 0, .7);--bg-dim: rgba(100, 100, 100, .1);--border-dim: rgba(0, 168, 155, .2);--icon-filter: invert(80%);--bg-primary: var(--null-black);--bg-secondary: rgba(0, 122, 110, .1);--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(0, 168, 155, .2);--glass-highlight: rgba(0, 168, 155, .08);--card-shadow: 0 4px 16px 0 rgba(0, 0, 0, .1);--card-bg-subtle: rgba(0, 0, 0, .02);--card-bg: rgba(255, 255, 255, .9);--card-bg-hover: rgba(0, 168, 155, .1);--card-solid: #f0fafa;--dark-blue-card: rgba(255, 255, 255, .8);--inactive: rgba(210, 210, 210, .25);--purple-bg: rgba(138, 66, 255, .15);--orange: #e85a2a;--yellow: #f9a825;--blue: #1976d2;--green: #388e3c;--red: #d32f2f;--red-bg: rgba(211, 47, 47, .1);--severity-critical: #7f4fce;--severity-high: #c4342c;--severity-medium: #9e7601;--severity-low: #2563eb;--severity-info: #616161;--severity-low-bg: rgba(37, 99, 235, .15);--severity-low-text: #2563eb;--severity-medium-text: #9e7601;--severity-high-text: #c4342c;--severity-info-text: #3b3b3b;--severity-critical-text: #7f4fce}:root{color-scheme:dark}:root.light-mode{color-scheme:light}.dark-mode .dark-only{display:block}.dark-mode .light-only,.light-mode .dark-only{display:none}.light-mode .light-only{display:block}.add-button,.update-button,.delete-button,.cancel-button{padding:6px 12px;border:none;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;font-size:12px;text-decoration:none;height:fit-content;position:relative;z-index:1;overflow:hidden;box-shadow:0 4px 10px #0003}.add-button{background:var(--quantum-teal);color:var(--null-black);border:2px solid var(--quantum-teal)}.add-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--deep-signal-green);z-index:-1;opacity:0;transition:opacity .4s ease;border-radius:50px}.add-button:hover:before{opacity:1}.add-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00d6c64d;color:var(--static-white);border-color:var(--deep-signal-green)}.cancel-button{background:transparent;color:var(--static-white);border:2px solid var(--quantum-teal);box-shadow:none}.cancel-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--quantum-teal);z-index:-1;opacity:0;transition:all .3s ease;border-radius:50px}.cancel-button:hover{border-color:transparent;color:var(--null-black)}.cancel-button:hover:after{opacity:1}.update-button{background:#d96d3d1a;color:var(--signal-ember);border:2px solid var(--signal-ember);box-shadow:none}.update-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--signal-ember);z-index:-1;opacity:0;transition:opacity .3s ease;border-radius:50px}.update-button:hover:before{opacity:1}.update-button:hover{border-color:transparent;color:var(--static-white)}.delete-button{background:var(--red);color:var(--static-white)}.delete-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#b82d34;z-index:-1;opacity:0;transition:opacity .4s ease;border-radius:50px}.delete-button:hover:before{opacity:1}.delete-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #ff3e454d}.page-title{font-size:24px;font-weight:500;color:var(--text-light);font-family:var(--heading-font);margin:0}.severity-info{background-color:var(--severity-info-bg);color:var(--severity-info-text)}.severity-low{background-color:var(--severity-low-bg);color:var(--severity-low-text)}.severity-medium{background-color:var(--severity-medium-bg);color:var(--severity-medium-text)}.severity-high{background-color:var(--severity-high-bg);color:var(--severity-high-text)}.severity-critical{background-color:var(--severity-critical-bg);color:var(--severity-critical-text)}.glass-card{background:var(--card-bg);border-radius:var(--border-radius-large);box-shadow:var(--card-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);padding:var(--spacing-md);transition:all .3s ease;position:relative;overflow:hidden}.glass-card:hover{border-color:var(--quantum-teal);box-shadow:0 12px 40px #0006}.glass-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .5s ease;pointer-events:none}.glass-card:hover:before{left:100%}.glass-panel{background:#005f6033;border-radius:var(--border-radius-medium);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);padding:var(--spacing-md)}.glass-surface{background:var(--glass-highlight);border-radius:var(--border-radius-small);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,214,198,.1)}