:root{--bg-primary:#0f0f0f;--bg-secondary:#1a1a1a;--bg-tertiary:#252525;--text-primary:#e4e4e4;--text-secondary:#a0a0a0;--text-tertiary:#707070;--border-color:#333;--border-hover:#444;--accent-primary:#1149d3;--accent-hover:#53c8ea;--success:#4ade80;--error:#ef4444;--warning:#fbbf24;--info:#3b82f6;--severity-info:#3b82f6;--severity-warning:#f59e0b;--severity-critical:#ef4444;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:0.15s ease;--transition-normal:0.2s ease}*{margin:0;padding:0;box-sizing:border-box}body,html{max-width:100vw;overflow-x:hidden;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:auto;position:relative}h1{font-size:2rem;margin-bottom:var(--spacing-lg)}h1,h2{font-weight:600;color:var(--text-primary)}h2{font-size:1.5rem;margin-bottom:var(--spacing-md)}h3{font-size:1.25rem;color:var(--text-primary)}h3,h4{font-weight:500;margin-bottom:var(--spacing-sm)}h4{font-size:1rem}h4,p{color:var(--text-secondary)}p{margin-bottom:var(--spacing-md)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-normal)}a:hover{color:var(--accent-hover)}.mono,code{font-family:Courier New,Consolas,Monaco,monospace;font-size:.875rem;padding:2px 6px;border-radius:var(--radius-sm);color:var(--text-primary)}.mono,code,pre{background-color:var(--bg-tertiary)}pre{padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--spacing-md)}pre code{background:none;padding:0}.spinner{border-top:3px solid var(--bg-tertiary);border:3px solid var(--bg-tertiary);border-top-color:var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:var(--spacing-xl) auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.text-center{text-align:center}.text-muted{color:var(--text-tertiary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.mt-0{margin-top:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--text-tertiary)}.error-message{background-color:rgba(239,68,68,.1);border:1px solid var(--error);color:var(--error);padding:var(--spacing-md);border-radius:var(--radius-md);margin:var(--spacing-md) 0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}@media (max-width:768px){:root{--spacing-xl:1.5rem;--spacing-2xl:2rem}body{font-size:.9375rem}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.container{padding:0 1rem}.card{padding:1rem}.grid{grid-template-columns:1fr;gap:1rem}.btn{padding:.625rem 1.25rem;font-size:.875rem}.stats-grid{grid-template-columns:1fr}}@media (max-width:480px){body{font-size:.875rem}h1{font-size:1.5rem}h2{font-size:1.35rem}h3{font-size:1.125rem}.container{padding:0 .75rem}.card{padding:.875rem}}