@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

html { scroll-behavior: smooth; }
.nav-link { color: #334155; transition: color .2s ease; }
.nav-link:hover { color: #0c6cf2; }
.btn-primary { display: inline-flex; align-items: center; border-radius: .5rem; background: #0c6cf2; padding: .75rem 1rem; font-weight: 800; color: #fff; transition: transform .2s ease, background .2s ease, box-shadow .2s ease; }
.btn-primary:hover { background: #071f45; box-shadow: 0 12px 28px rgba(12,108,242,.22); transform: translateY(-1px); }
.btn-secondary { display: inline-flex; align-items: center; border-radius: .5rem; border: 1px solid #cbd5e1; background: #fff; padding: .72rem 1rem; font-weight: 800; color: #071f45; transition: background .2s ease, transform .2s ease; }
.btn-secondary:hover { background: #f8fafc; transform: translateY(-1px); }
.card { border: 1px solid #e2e8f0; border-radius: .5rem; background: #fff; box-shadow: 0 12px 32px rgba(15, 23, 42, .06); }
.glass-panel { border: 1px solid rgba(255,255,255,.18); border-radius: .5rem; background: rgba(255,255,255,.12); box-shadow: 0 20px 60px rgba(0,0,0,.18); backdrop-filter: blur(14px); }
.section-kicker { font-size: .75rem; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; color: #0c6cf2; }
.section-title { margin-top: .5rem; font-size: clamp(1.75rem, 3vw, 2.5rem); line-height: 1.1; font-weight: 900; color: #071f45; }
.input { width: 100%; border-radius: .5rem; border: 1px solid #cbd5e1; background: #fff; padding: .78rem .9rem; color: #0f172a; outline: none; transition: border .2s ease, box-shadow .2s ease; }
.input:focus { border-color: #0c6cf2; box-shadow: 0 0 0 4px rgba(12,108,242,.12); }
.file-field { display: grid; gap: .45rem; border-radius: .5rem; border: 1px dashed #94a3b8; background: #f8fafc; padding: .85rem; font-size: .875rem; font-weight: 700; color: #071f45; }
.tag { border-radius: 999px; background: #eef8ff; padding: .4rem .7rem; font-weight: 800; color: #071f45; }
.status { border-radius: 999px; background: #e0f2fe; padding: .28rem .65rem; font-size: .75rem; font-weight: 900; color: #075985; white-space: nowrap; }
.stat-card { border: 1px solid #dbeafe; border-radius: .5rem; background: linear-gradient(135deg, #fff, #eef8ff); padding: 1.25rem; }
.stat-card span { display: block; font-size: .8rem; font-weight: 800; color: #64748b; }
.stat-card strong { margin-top: .35rem; display: block; font-size: 1.8rem; font-weight: 900; color: #071f45; }
.table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.table th { background: #f8fafc; color: #475569; font-size: .75rem; letter-spacing: .08em; text-align: left; text-transform: uppercase; }
.table th, .table td { border-bottom: 1px solid #e2e8f0; padding: .95rem 1rem; vertical-align: middle; }
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.loading { opacity: .65; pointer-events: none; }
@keyframes rise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
.animate-rise { animation: rise .55s ease both; }
@media (max-width: 767px) {
  [data-menu].open { display: flex; }
  [data-mobile-menu].open { display: block; }
  .table th, .table td { padding: .75rem; }
}