:root{--bg-primary:#f7fbff;--bg-secondary:#ffffff;--bg-tertiary:#eef4fb;--text-primary:#0a1220;--text-secondary:#3d4c62;--text-tertiary:#6c7d95;--border-color:#dbe5f2;--border-hover:#b9cbe4;--accent-primary:#1149d3;--accent-hover:#357af2;--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:10px;--radius-md:14px;--radius-lg:20px;--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:radial-gradient(circle at 84% 8%,rgba(68,188,230,.14),transparent 36%),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-tertiary)}::-webkit-scrollbar-thumb{background:#c7d8ee;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}}