@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--bg-base:#f8fafc;--bg-surface:#fff;--bg-elevated:#f1f5f9;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent:#2563eb;--accent-dim:#2563eb12;--accent-border:#2563eb40;--accent-hover:#1d4ed8;--success:#16a34a;--success-dim:#16a34a14;--success-border:#16a34a40;--danger:#dc2626;--danger-dim:#dc262614;--danger-border:#dc262640;--border:#e2e8f0;--border-strong:#cbd5e1;--radius:6px;--radius-lg:12px;--font-mono:"JetBrains Mono", monospace;--font-sans:"Inter", sans-serif;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 4px 12px #0f172a14, 0 2px 4px #0f172a0d;--shadow-lg:0 20px 48px #0f172a24}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-sans);letter-spacing:-.025em;color:var(--text-primary);font-weight:700;line-height:1.2}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover);opacity:1}.mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-elevated)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 16px}@media (min-width:640px){.container{padding:0 24px}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}@media (min-width:640px){.card{padding:28px}}.badge{letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:600;font-family:var(--font-mono);border-radius:4px;align-items:center;padding:2px 8px;display:inline-flex}.badge-active{background:var(--success-dim);color:var(--success);border:1px solid var(--success-border)}.badge-withdrawn{background:var(--danger-dim);color:var(--danger);border:1px solid var(--danger-border)}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:40px;display:flex}.pagination a{border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-secondary);background:var(--bg-surface);min-height:40px;box-shadow:var(--shadow-sm);align-items:center;padding:8px 18px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.pagination a:hover{border-color:var(--accent-border);color:var(--accent);background:var(--accent-dim);opacity:1}.form-input{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius);width:100%;color:var(--text-primary);font-size:14px;font-family:var(--font-sans);appearance:none;outline:none;min-height:40px;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}select.form-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-layout{display:block}.search-sidebar-col{display:none}@media (min-width:900px){.search-layout{grid-template-columns:272px 1fr;align-items:start;gap:32px;display:grid}.search-sidebar-col{scrollbar-width:thin;max-height:calc(100vh - 88px);display:block;position:sticky;top:72px;overflow-y:auto}}.mobile-filter-btn-wrap{display:flex}@media (min-width:900px){.mobile-filter-btn-wrap{display:none}}