@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--bg-main:#060910;--bg-surface:#10141d;--bg-surface-elevated:#161c26;--brand-primary:#6366f1;--brand-secondary:#8b5cf6;--accent-glow:#6366f166;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--glass-bg:#10141db3;--glass-border:#ffffff0d;--glass-shadow:0 8px 32px 0 #00000080;--transition-fast:.15s ease;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Outfit,sans-serif}.app-container.vertical-layout{flex-direction:column;min-height:100vh;display:flex}.top-navbar{background:var(--bg-surface);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.navbar-left{align-items:center;gap:3rem;display:flex}.navbar-tabs{gap:.5rem;display:flex}.nav-tab{color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);background:#ffffff08;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.nav-tab:hover{color:#fff;background:#ffffff14}.nav-tab.active-tab{background:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.navbar-right{gap:1rem;display:flex}.icon-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:none;border-radius:5px;padding:.5rem}.csv-btn{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a}.filter-bar{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:2rem;padding:1rem;display:flex}.filter-group{flex-direction:column;gap:.3rem;display:flex}.filter-group label{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:600}.filter-group.hide-label label{opacity:0}.modern-input{border:1px solid var(--glass-border);color:#fff;border-radius:var(--radius-md);background:#0003;padding:.5rem 1rem;font-family:inherit;font-size:.9rem}.filter-select{appearance:none;padding-right:2.5rem}.filter-actions{gap:.5rem;display:flex}.compact-btn{border-radius:var(--radius-md);cursor:pointer;border:none;padding:.5rem 1rem;font-size:.9rem}.btn-primary{background:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));color:#fff}.btn-danger-outline{color:#ef4444;background:0 0;border:1px solid #ef444466}.main-content{flex:1;padding:1.5rem 2rem}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:1.25rem}.text-gradient{background:linear-gradient(135deg,#a5b4fc,#c4b5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.premium-table{border-collapse:collapse;width:100%;font-size:.85rem}.premium-table th{color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--glass-border);text-align:left;padding:1rem}.premium-table td{border-bottom:1px solid #ffffff05;padding:1rem}.badge{border-radius:4px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.badge-success{color:#10b981;background:#10b98126}.badge-warning{color:#f59e0b;background:#f59e0b26}.badge-danger{color:#ef4444;background:#ef444426}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.4s forwards fadeInSlideUp}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.section-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex}