@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");:root{--bg-base:#0a0e1a;--bg-surface:#111827;--bg-elevated:#1a2236;--bg-hover:#1e2d47;--bg-border:#1e293b;--accent:#06b6d4;--accent-bright:#22d3ee;--accent-muted:#0e7490;--accent-glow:rgba(6,182,212,.15);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--text-inverse:#0a0e1a;--severity-info:#3b82f6;--severity-warning:#f59e0b;--severity-error:#ef4444;--severity-critical:#dc2626;--severity-debug:#6b7280;--severity-success:#10b981;--status-published:#10b981;--status-pending:#f59e0b;--status-failed:#ef4444;--status-processing:#3b82f6;--status-ready:#a855f7;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.4);--shadow-md:0 4px 16px rgba(0,0,0,.5);--shadow-lg:0 8px 32px rgba(0,0,0,.6);--shadow-glow:0 0 24px var(--accent-glow);--transition-fast:120ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--sidebar-width:240px;--header-height:56px;--content-max-width:1280px;--z-sidebar:100;--z-header:200;--z-dropdown:300;--z-modal:400;--z-toast:500}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-base);min-height:100vh;line-height:1.6}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{color:var(--text-secondary);line-height:1.7}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-bright)}code,pre{font-family:var(--font-mono);font-size:.875em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0}.sr-only,.truncate{overflow:hidden;white-space:nowrap}.truncate{text-overflow:ellipsis}.card{background:var(--bg-surface)}.card,.card-elevated{border:1px solid var(--bg-border);border-radius:var(--radius-md);padding:var(--space-6)}.card-elevated{background:var(--bg-elevated);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:var(--accent);color:var(--text-inverse)}.btn-primary:hover{background:var(--accent-bright);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--bg-border)}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-muted)}.btn-danger{background:transparent;color:var(--severity-error);border:1px solid var(--severity-error)}.btn-danger:hover{background:rgba(239,68,68,.1)}.btn-ghost{background:transparent;color:var(--text-secondary);border:none;padding:var(--space-2)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;line-height:1.5}.badge-info{background:rgba(59,130,246,.15);color:var(--severity-info)}.badge-warning{background:rgba(245,158,11,.15);color:var(--severity-warning)}.badge-error{background:rgba(239,68,68,.15);color:var(--severity-error)}.badge-critical{background:rgba(220,38,38,.2);color:var(--severity-critical);animation:pulse 2s infinite}.badge-success{background:rgba(16,185,129,.15);color:var(--severity-success)}.badge-muted{background:var(--bg-hover);color:var(--text-muted)}.badge-accent{background:var(--accent-glow);color:var(--accent)}.input{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-base);border:1px solid var(--bg-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:.875rem;transition:border-color var(--transition-fast);outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder{color:var(--text-muted)}.label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-1);letter-spacing:.02em}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-base);border:1px solid var(--bg-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:.875rem;cursor:pointer;outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8);transition:border-color var(--transition-fast)}.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--bg-border)}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th{background:var(--bg-elevated);color:var(--text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;text-align:left;white-space:nowrap}.table td,.table th{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--bg-border)}.table td{color:var(--text-secondary);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--bg-hover)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-12px);opacity:0}to{transform:translateX(0);opacity:1}}.animate-fadeIn{animation:fadeIn .2s ease both}.animate-slideIn{animation:slideIn .2s ease both}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-elevated) 50%,var(--bg-surface) 75%);background-size:800px 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.layout,.sidebar{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--bg-border);flex-direction:column;position:fixed;top:0;left:0;z-index:var(--z-sidebar);transition:transform var(--transition-base)}.sidebar-logo{height:var(--header-height);display:flex;align-items:center;padding:0 var(--space-5);border-bottom:1px solid var(--bg-border);font-size:1.0625rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;gap:var(--space-2)}.sidebar-logo span{color:var(--accent)}.sidebar-nav{flex:1 1;padding:var(--space-4) var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto}.sidebar-section-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:var(--space-3) var(--space-3) var(--space-1)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;text-decoration:none;position:relative}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-glow);color:var(--accent)}.nav-item.active:before{content:"";position:absolute;left:0;top:25%;height:50%;width:3px;background:var(--accent);border-radius:0 var(--radius-full) var(--radius-full) 0}.nav-item svg{flex-shrink:0}.main-content{margin-left:var(--sidebar-width);flex:1 1;min-width:0}.header{height:var(--header-height);background:var(--bg-surface);border-bottom:1px solid var(--bg-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-header);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-title{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.page{padding:var(--space-6) var(--space-8);max-width:var(--content-max-width);animation:fadeIn .2s ease}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);gap:var(--space-4)}.page-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.page-subtitle{font-size:.875rem;color:var(--text-muted);margin-top:var(--space-1)}.stat-card{background:var(--bg-surface);border:1px solid var(--bg-border);border-radius:var(--radius-md);padding:var(--space-5);transition:border-color var(--transition-fast)}.stat-card:hover{border-color:var(--accent-muted)}.stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--space-2)}.stat-value{font-family:var(--font-mono);font-size:1.875rem;font-weight:500;color:var(--text-primary);line-height:1}.stat-delta{font-size:.8125rem;color:var(--text-muted);margin-top:var(--space-1)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center;color:var(--text-muted);gap:var(--space-3)}.empty-state svg{opacity:.3;margin-bottom:var(--space-2)}.divider{height:1px;background:var(--bg-border);margin:var(--space-4) 0}.bell-wrapper{position:relative;display:inline-flex}.bell-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;background:var(--severity-error);border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 4px;animation:pulse 2s infinite}