@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--primary:#4f46e5;--primary-hover:#4338ca;--background:#f8fafc;--surface:#fff;--surface-hover:#f1f5f9;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--glass-bg:#ffffffb3;--glass-border:#00000014}.dark{--primary:#4f46e5;--primary-hover:#4338ca;--background:#0f1117;--surface:#1e212b;--surface-hover:#262a36;--text-main:#f8fafc;--text-muted:#94a3b8;--border:#334155;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--glass-bg:#1e212bb3;--glass-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-main);flex-direction:column;min-height:100vh;font-family:Outfit,sans-serif;display:flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000001a}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 14px #4f46e563}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #4f46e53b}.btn-outline{color:var(--text-main);border:1px solid var(--border);background:0 0}.btn-outline:hover{background:var(--surface-hover)}.navbar{border-bottom:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0}.nav-links{gap:24px;display:flex}.nav-link{color:var(--text-muted);font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--text-main)}.container{width:100%;max-width:1200px;margin:0 auto;padding:40px 20px}h1,h2,h3{letter-spacing:-.02em;font-weight:600}.page-title{background:linear-gradient(90deg,#0f172a,#475569);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:32px}.dark .page-title{background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.page-description{color:var(--text-muted);margin-bottom:32px;font-size:16px}.table-container{border:1px solid var(--border);background:var(--surface);border-radius:12px;width:max-content;min-width:100%}.glass-panel::-webkit-scrollbar{height:12px}.glass-panel::-webkit-scrollbar-track{background:#ffffff05;border-radius:12px}.glass-panel::-webkit-scrollbar-thumb{background:var(--border);border:3px solid var(--surface);border-radius:12px}.glass-panel::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}table{border-collapse:collapse;text-align:left;width:100%}th{background:var(--surface-hover);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;padding:16px 20px;font-size:13px;font-weight:500}td{border-bottom:1px solid var(--border);color:var(--text-main);padding:16px 20px;font-size:14px}tr:hover td{background:var(--surface-hover)}.badge{border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge.success{color:#059669;background:#10b98126;border:1px solid #10b9814d}.dark .badge.success{color:#34d399}.badge.danger{color:#dc2626;background:#ef444426;border:1px solid #ef44444d}.dark .badge.danger{color:#f87171}.badge.warning{color:#d97706;background:#f59e0b26;border:1px solid #f59e0b4d}.dark .badge.warning{color:#fbbf24}.badge.neutral{color:#475569;background:#94a3b826;border:1px solid #94a3b84d}.dark .badge.neutral{color:#cbd5e1}.badge.info{color:#2563eb;background:#3b82f626;border:1px solid #3b82f64d}.dark .badge.info{color:#60a5fa}.dropzone{text-align:center;cursor:pointer;background:#ffffff05;border:2px dashed #ffffff26;border-radius:16px;padding:40px;transition:all .3s;position:relative;overflow:hidden}.dropzone:hover,.dropzone.active{border-color:var(--primary);background:#4f46e50d}.dropzone-icon{color:var(--primary);margin-bottom:16px;font-size:40px}.dropzone-title{margin-bottom:8px;font-size:18px;font-weight:500}.dropzone-desc{color:var(--text-muted);font-size:14px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;display:grid}.filter-select{appearance:none;background-color:var(--primary);color:#fff;border:1px solid var(--primary-hover);cursor:pointer;text-overflow:ellipsis;border-radius:4px;outline:none;max-width:160px;padding:4px 20px 4px 8px;font-size:11px;transition:all .2s}.filter-select:hover,.filter-select:focus{background-color:var(--primary-hover)}.filter-select option{background-color:var(--primary);color:#fff}.logo-dark{display:none!important}.logo-light,.dark .logo-dark{display:block!important}.dark .logo-light{display:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}th:first-child,td:first-child{z-index:2;background-color:var(--surface);box-sizing:border-box;width:140px;min-width:140px;max-width:140px;position:sticky;left:0}th:first-child{z-index:12;background-color:var(--surface-hover)}tr:hover td:first-child{background-color:var(--surface-hover)}th:nth-child(2),td:nth-child(2){z-index:2;background-color:var(--surface);box-sizing:border-box;width:250px;min-width:250px;max-width:250px;box-shadow:inset -2px 0 0 0 var(--border), 4px 0 8px -4px #0000001a;position:sticky;left:140px}th:nth-child(2){z-index:12;background-color:var(--surface-hover);box-shadow:inset -2px 0 0 0 var(--border), 4px 0 8px -4px #0000001a}tr:hover td:nth-child(2){background-color:var(--surface-hover)}.dark th:nth-child(2),.dark td:nth-child(2){box-shadow:inset -2px 0 0 0 var(--border), 4px 0 8px -4px #0006}.glass-panel::-webkit-scrollbar-corner{background:0 0}