:root{--primary: #f38020;--primary-dark: #d16a10;--secondary: #404040;--background: #0f0f0f;--surface: #1a1a1a;--surface-light: #252525;--text: #e5e5e5;--text-secondary: #a0a0a0;--border: #333;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--critical: #dc2626}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--text);line-height:1.6}code{font-family:Courier New,monospace;background-color:var(--surface-light);padding:2px 6px;border-radius:4px;font-size:.9em}.app{min-height:100vh;display:flex;flex-direction:column}.header{background-color:var(--surface);border-bottom:2px solid var(--primary);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.header h1{font-size:1.5rem;font-weight:700;color:var(--primary)}.header-subtitle{font-size:.9rem;color:var(--text-secondary);margin-top:.25rem}.main-content{flex:1;padding:2rem;max-width:1400px;width:100%;margin:0 auto}.tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid var(--border)}.tab{padding:.75rem 1.5rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;transition:all .2s;border-bottom:2px solid transparent}.tab:hover{color:var(--text)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.button{padding:.5rem 1rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s;font-weight:500}.button-primary{background-color:var(--primary);color:#fff}.button-primary:hover:not(:disabled){background-color:var(--primary-dark)}.button-secondary{background-color:var(--surface-light);color:var(--text);border:1px solid var(--border)}.button-secondary:hover:not(:disabled){background-color:var(--secondary)}.button:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:6px;background-color:var(--surface);color:var(--text);font-size:1rem;transition:border-color .2s}.input:focus{outline:none;border-color:var(--primary)}.textarea{min-height:100px;resize:vertical;font-family:inherit}.severity-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600;text-transform:uppercase}.severity-critical{background-color:#dc262633;color:var(--critical);border:1px solid var(--critical)}.severity-high{background-color:#ef444433;color:var(--error);border:1px solid var(--error)}.severity-medium{background-color:#f59e0b33;color:var(--warning);border:1px solid var(--warning)}.severity-low{background-color:#10b98133;color:var(--success);border:1px solid var(--success)}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.status-investigating{background-color:#f59e0b33;color:var(--warning)}.status-identified{background-color:#3b82f633;color:#3b82f6}.status-mitigating{background-color:#8b5cf633;color:#8b5cf6}.status-resolved{background-color:#10b98133;color:var(--success)}.status-monitoring{background-color:#06b6d433;color:#06b6d4}.loading{display:inline-block;width:20px;height:20px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background-color:#ef44441a;border:1px solid var(--error);color:var(--error);padding:1rem;border-radius:6px;margin:1rem 0}.success-message{background-color:#10b9811a;border:1px solid var(--success);color:var(--success);padding:1rem;border-radius:6px;margin:1rem 0}