@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--bg: #000000;--panel: #0a0a0a;--neutral: #000000;--accent: #00ffff;--muted: #00ff88;--danger: #ff0040;--warn: #ffff00;--ok: #00ff41;--neon-glow: 0 0 2px currentColor, 0 0 4px currentColor, 0 0 6px currentColor}html,body{height:100%;max-width:100%;overflow-x:hidden}#root{height:100%;position:relative;z-index:2;max-width:100%}body{background:var(--bg);color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace;position:relative;overflow-x:hidden}img,svg,canvas,video,table{max-width:100%}@media (max-width: 768px){input,select,textarea{font-size:16px!important}}body:before{content:"";position:fixed;top:10%;left:50%;transform:translate(-50%) scale(.12);width:200px;height:200px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 120'%3E%3Cpath d='M50 0 L20 20 Q20 60 50 100 Q80 60 80 20 Z' stroke='%2300ff88' stroke-width='1' fill='none' opacity='0.03' filter='blur(0.5px)'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:-1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,255,136,.005) 2px,rgba(0,255,136,.005) 4px);pointer-events:none;z-index:0}.card{background:linear-gradient(180deg,var(--neutral),rgba(0,0,0,.85));border:1px solid rgba(42,42,42,.4);box-shadow:0 0 10px #00ff881a,inset 0 0 4px #00ff8805;border-radius:8px;position:relative}.accent{color:var(--accent);text-shadow:var(--neon-glow)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.9}}.header{font-weight:600;color:var(--accent)}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s;filter:drop-shadow(0 0 2px #00ff88)}.logo:hover{filter:drop-shadow(0 0 4px #00ff88) drop-shadow(0 0 8px #00ffff)}.logo.react:hover{filter:drop-shadow(0 0 4px #00ff88) drop-shadow(0 0 8px #ff00ff)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes neon-glow{0%,to{text-shadow:0 0 2px #00ff88,0 0 4px #00ff88,0 0 6px #00ffff}50%{text-shadow:0 0 4px #00ff88,0 0 8px #00ff88,0 0 12px #00ffff}}@keyframes event-pulse{0%,to{box-shadow:0 0 4px currentColor}50%{box-shadow:0 0 12px currentColor,0 0 20px currentColor}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em;border:1px solid rgba(42,42,42,.5);box-shadow:0 0 10px #00ff8814;background:#0a0a0ae6}.read-the-docs{color:#0f8;text-shadow:0 0 2px rgba(0,255,136,.3)}:root{--bg: #030303;--panel: rgba(20, 20, 20, .7);--panel-border: rgba(255, 255, 255, .08);--primary: #00ff9d;--primary-dim: rgba(0, 255, 157, .1);--secondary: #00b8ff;--danger: #ff2a6d;--warning: #ffc107;--success: #00ff9d;--text-main: #ffffff;--text-muted: #8899a6;--font-main: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-glow: 0 0 20px rgba(0, 255, 157, .15);--glass-blur: blur(12px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.container{max-width:1600px;margin:0 auto;padding:24px}.grid{display:grid;gap:24px}.card{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:16px;padding:24px;box-shadow:0 4px 24px #0006;transition:transform .2s ease,border-color .2s ease}.card:hover{border-color:#ffffff26}.header{font-weight:600;letter-spacing:-.02em;margin-bottom:16px;color:var(--text-main)}.btn{background:var(--primary);color:#000;font-family:var(--font-main);font-weight:600;padding:10px 20px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;font-size:14px}.btn:hover{transform:translateY(-1px);box-shadow:0 0 15px var(--primary-dim)}.btn:active{transform:translateY(0)}.btn-ghost{background:transparent;border:1px solid var(--panel-border);color:var(--text-muted);padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:var(--font-main);font-weight:500;font-size:14px}.btn-ghost:hover{border-color:var(--text-main);color:var(--text-main);background:#ffffff0d}.btn-danger{background:#ff2a6d1a;color:var(--danger);border:1px solid rgba(255,42,109,.2)}.btn-danger:hover{background:#ff2a6d33;box-shadow:0 0 15px #ff2a6d1a}.input,.select{background:#0000004d;border:1px solid var(--panel-border);color:var(--text-main);padding:10px 16px;border-radius:8px;font-family:var(--font-main);font-size:14px;width:100%;transition:all .2s ease}.input:focus,.select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-dim)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge.low{background:#00ff9d1a;color:var(--success);border:1px solid rgba(0,255,157,.2)}.badge.medium{background:#ffc1071a;color:var(--warning);border:1px solid rgba(255,193,7,.2)}.badge.high{background:#ff2a6d1a;color:var(--danger);border:1px solid rgba(255,42,109,.2)}.badge.critical{background:var(--danger);color:#fff;box-shadow:0 0 10px #ff2a6d66}.badge.open{background:#00b8ff1a;color:#00b8ff;border:1px solid rgba(0,184,255,.2)}.badge.investigating{background:#d600ff1a;color:#d600ff;border:1px solid rgba(214,0,255,.2)}.badge.mitigated{background:#00ffff1a;color:#0ff;border:1px solid rgba(0,255,255,.2)}.badge.resolved{background:#00ff9d1a;color:var(--success);border:1px solid rgba(0,255,157,.2)}.badge.closed{background:#6464641a;color:#888;border:1px solid #444}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{background:#ffffff08;padding:20px;border-radius:12px;border:1px solid var(--panel-border)}.stat-value{font-family:var(--font-mono);font-size:clamp(24px,6vw,32px);font-weight:500;color:var(--text-main);margin-bottom:4px}.stat-label{color:var(--text-muted);font-size:13px;font-weight:500}.navbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:8px;padding:16px 24px;background:#030303cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--panel-border);position:sticky;top:0;z-index:100;max-width:100%}.nav-brand{display:flex;align-items:center;gap:12px;min-width:0}.nav-logo{font-family:var(--font-mono);font-weight:700;font-size:20px;color:var(--text-main);letter-spacing:-.05em;white-space:nowrap}.nav-status{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--success);background:#00ff9d1a;padding:4px 8px;border-radius:12px}.status-dot{width:6px;height:6px;background:var(--success);border-radius:50%;box-shadow:0 0 8px var(--success);animation:pulse 2s infinite}.nav-user{display:flex;align-items:center;gap:16px}.user-info{text-align:right}.user-name{font-size:14px;font-weight:600;color:var(--text-main)}.user-role{font-size:11px;color:var(--text-muted)}#matrix{position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:-1;opacity:.15;pointer-events:none}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.assignee-list{display:flex;align-items:center}.assignee-avatar{width:24px;height:24px;border-radius:50%;background:var(--secondary);color:#000;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;margin-right:-8px;border:2px solid var(--bg);position:relative;cursor:help;transition:transform .2s}.assignee-avatar:hover{transform:translateY(-2px) scale(1.1);z-index:10;margin-right:0}.dashboard-layout{grid-template-columns:1fr 350px;align-items:start}@media (max-width: 1024px){.dashboard-layout{grid-template-columns:1fr}.container{padding:16px}}.grid,.dashboard-layout,.grid>*,.dashboard-layout>*{min-width:0}.mobile-card-item{overflow-wrap:anywhere}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.navbar{padding:12px 16px;gap:8px}.nav-brand,.nav-user{min-width:0}.nav-logo{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-user{gap:12px!important;flex-shrink:0}.user-info,.nav-status{display:none}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.card{padding:16px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px}.mobile-menu-container{position:absolute;top:100%;left:0;width:100%;background:#030303fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--panel-border);display:flex;flex-direction:column;padding:16px;gap:12px;z-index:99;box-shadow:0 10px 30px #000c}.mobile-menu-container .btn-ghost{width:100%;text-align:left;padding:12px 16px;margin:0!important;justify-content:flex-start}.mobile-menu-container .btn-danger{margin-top:8px!important}.form-grid{grid-template-columns:1fr}.modal-content{width:95%!important;max-width:95%!important;margin:10px!important;height:90vh!important}}@media (min-width: 769px){.mobile-menu-toggle{display:none}.desktop-menu{display:flex;align-items:center;gap:8px}}@media (max-width: 768px){.desktop-menu{display:none!important}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--panel-border);border-radius:6px;color:var(--text-main);font-size:20px;width:40px;height:40px;cursor:pointer}}@media (max-width: 768px){.mobile-hide-table,.hide-on-mobile{display:none!important}.mobile-card-list{display:flex;flex-direction:column;gap:16px}.mobile-card-item{background:#ffffff08;border:1px solid var(--panel-border);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.mobile-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:8px;margin-bottom:4px}.mobile-card-body{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:13px}.mobile-card-footer{display:flex;gap:8px;margin-top:8px}.mobile-card-footer button{flex:1;justify-content:center}.mobile-fullscreen-modal{position:fixed!important;top:0!important;left:0!important;width:100%!important;max-width:100%!important;height:100dvh!important;margin:0!important;border-radius:0!important;border:none!important;padding-bottom:env(safe-area-inset-bottom)!important}.mobile-chat-input-container{position:sticky;bottom:0;padding:12px 16px;background:#0a0a0ad9!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border-top:1px solid var(--panel-border);z-index:10}}@media (min-width: 769px){.mobile-show-only{display:none!important}}.accordion-item{border:1px solid var(--panel-border);border-radius:8px;margin-bottom:12px;background:var(--bg-card);overflow:hidden}.accordion-header{padding:16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;background:#ffffff05}.accordion-header:hover{background:#ffffff0d}.accordion-header h2{margin:0;font-size:18px}.accordion-content{padding:16px;border-top:1px solid var(--panel-border)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.modal{background:#0d0f11;border:1px solid var(--panel-border, rgba(255, 255, 255, .08));border-radius:16px;width:100%;max-width:480px;max-height:90dvh;overflow-y:auto;box-shadow:0 20px 50px #0009;-webkit-overflow-scrolling:touch}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--panel-border, rgba(255, 255, 255, .08));position:sticky;top:0;background:inherit;z-index:1}.modal-header h2{margin:0;font-size:clamp(16px,4.5vw,20px)}.modal-body{padding:20px;display:flex;flex-direction:column;gap:16px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--panel-border, rgba(255, 255, 255, .08));position:sticky;bottom:0;background:inherit;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.btn-icon{background:transparent;border:none;color:var(--text-muted, #8899a6);font-size:24px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:6px;min-width:40px;min-height:40px}.btn-icon:hover{background:#ffffff0f;color:var(--text-main, #fff)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;color:var(--text-muted, #8899a6)}.form-group .input{width:100%}@media (max-width: 768px){.modal-overlay{align-items:flex-start;padding:12px}.modal{max-width:100%;margin-top:env(safe-area-inset-top)}}