@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600&family=Roboto:wght@300;400;500;700&display=swap";
:root{--bg-primary:#000;--bg-secondary:#2c2c30;--text-primary:#eaeaea;--text-secondary:#888891;--accent:#3488ff;--border:#22222a;--row-hover:#16161d;--error:#ff4545;--font-sans:"Roboto", sans-serif;--font-mono:"Roboto Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--accent)}h1,h2,h3,h4{font-weight:500;line-height:1.2}.layout-container{max-width:1300px;margin:0 auto;padding:32px 24px}.page-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;display:flex}.page-title{letter-spacing:-.5px;font-size:1.5rem;font-weight:600}.dashboard-grid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.grid-span-full{grid-column:span 12}.grid-span-8{grid-column:span 8}.grid-span-4{grid-column:span 4}.grid-span-6{grid-column:span 6}@media (max-width:1024px){.grid-span-8,.grid-span-4,.grid-span-6{grid-column:span 12}}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);background:#2c2c3066;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:.9rem;font-weight:600}.card-content{flex-grow:1;padding:0}.data-table{border-collapse:collapse;width:100%;font-size:.85rem}.data-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;border-bottom:1px solid var(--border);background:#0003;padding:10px 20px;font-size:.75rem;font-weight:500}.data-table td{border-bottom:1px solid var(--border);padding:12px 20px}.data-table tr:last-child td{border-bottom:none}.hero-list{background:var(--border);flex-direction:row;gap:1px;display:flex}.hero-item{background:var(--bg-secondary);flex:1;padding:24px;transition:background .3s}.hero-item:hover{background:#323237}@media (max-width:768px){.hero-list{flex-direction:column}}.hero-item-title{margin-bottom:4px;font-size:1.1rem;font-weight:500}.hero-item-meta{color:var(--text-secondary);font-size:.8rem;font-family:var(--font-mono)}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;margin:40px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.badge{font-size:.7rem;font-family:var(--font-mono);text-transform:uppercase;border:1px solid var(--border);border-radius:2px;padding:2px 8px;font-weight:500;display:inline-block}.badge-critical{color:var(--error);background:#ff45450d;border-color:#ff45454d}.badge-info{color:var(--accent);background:#3488ff0d;border-color:#3488ff4d}