@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}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:90%;max-width:1000px;max-height:90vh;box-shadow:var(--glass-shadow);padding:2rem;position:relative;overflow-y:auto}.modal-close{color:#fff;cursor:pointer;width:32px;height:32px;transition:background var(--transition-fast);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1.5rem;right:1.5rem}.modal-close:hover{background:#ef4444cc}.loader-overlay{z-index:50;border-radius:inherit;background:#060910b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner{border:4px solid #ffffff1a;border-left-color:var(--brand-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pagination{justify-content:flex-end;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.pagination-controls{gap:.5rem;display:flex}.pagination-btn{border:1px solid var(--glass-border);color:#fff;border-radius:var(--radius-md);cursor:pointer;background:#ffffff0d;padding:.5rem 1rem}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn:not(:disabled):hover{background:#ffffff1a}.expandable-row{cursor:pointer;transition:background var(--transition-fast)}.expandable-row:hover{background:#ffffff08}.sub-row{background:#0003}.sub-row td{border-bottom:1px dashed #ffffff0d;padding-top:.5rem;padding-bottom:.5rem}.text-danger{color:#ef4444}.text-success{color:#10b981}.text-warning{color:#f59e0b}.text-info{color:#3b82f6}.clickable{cursor:pointer;text-underline-offset:4px;-webkit-text-decoration:underline #fff3;text-decoration:underline #fff3}.clickable:hover{color:var(--brand-primary);-webkit-text-decoration-color:var(--brand-primary);text-decoration-color:var(--brand-primary)}