@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@300;400;500;600&display=swap";
:root{--f-body:"Plus Jakarta Sans", sans-serif;--f-display:"Instrument Serif", serif;--f-mono:"JetBrains Mono", monospace;--bg:#f8f7f5;--bg-2:#f2f1ee;--surface:#fff;--surface-2:#f8f7f5;--surface-3:#f2f1ee;--border:#e8e6e0;--border-2:#d4d1c8;--tx:#18181b;--tx-2:#52525b;--tx-3:#a1a1aa;--tx-inv:#fff;--accent:#2563eb;--accent-h:#1d4ed8;--accent-2:#2563eb14;--accent-3:#2563eb0a;--green:#059669;--green-2:#05966914;--yellow:#d97706;--yellow-2:#d9770614;--red:#dc2626;--red-2:#dc262614;--blue:#2563eb;--blue-2:#2563eb14;--purple:#7c3aed;--purple-2:#7c3aed14;--orange:#ea580c;--orange-2:#ea580c14;--sb-bg:#18181b;--sb-border:#ffffff14;--sb-tx:#d4d4d8;--sb-tx-dim:#52525b;--sb-hover:#ffffff0f;--sb-active:#2563eb2e;--sb-active-tx:#93c5fd;--shadow-sm:0 1px 2px #0000000d;--shadow:0 4px 16px #00000012, 0 1px 3px #0000000d;--shadow-lg:0 12px 40px #0000001a, 0 4px 8px #0000000d;--shadow-blue:0 4px 16px #2563eb40;--r-sm:6px;--r:10px;--r-lg:14px;--r-xl:20px}.platform{--bg:#0c0c0e;--bg-2:#141417;--surface:#18181b;--surface-2:#1f1f23;--surface-3:#27272a;--border:#2d2d31;--border-2:#3f3f46;--tx:#fafafa;--tx-2:#a1a1aa;--tx-3:#52525b;--tx-inv:#0c0c0e;--accent:#3b82f6;--accent-h:#2563eb;--accent-2:#3b82f61f;--accent-3:#3b82f60f;--green:#10b981;--green-2:#10b9811a;--yellow:#f59e0b;--yellow-2:#f59e0b1a;--red:#f87171;--red-2:#f871711a;--sb-bg:#0c0c0e;--sb-border:#ffffff12;--sb-tx:#71717a;--sb-tx-dim:#3f3f46;--sb-hover:#ffffff0d;--sb-active:#3b82f626;--sb-active-tx:#60a5fa}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:14px}body{font-family:var(--f-body);background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:var(--f-body);cursor:pointer}input,textarea,select{font-family:var(--f-body)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:99px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.fade-up{animation:.22s both fadeUp}.fade-in{animation:.18s both fadeIn}.d-1{animation-delay:40ms}.d-2{animation-delay:80ms}.d-3{animation-delay:.12s}.d-4{animation-delay:.16s}.d-5{animation-delay:.2s}.d-6{animation-delay:.24s}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.4s infinite shimmer}.page-header{border-bottom:1px solid var(--border);background:var(--surface);padding:32px 40px 24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--r);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--f-body);box-shadow:var(--shadow-blue);border:none;padding:9px 18px;transition:all .15s}.btn-primary:hover{background:var(--accent-h);transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--tx-2);border:1.5px solid var(--border);border-radius:var(--r);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--f-body);padding:9px 18px;transition:all .15s}.btn-secondary:hover{border-color:var(--border-2);color:var(--tx)}.status-applied{color:var(--blue);background:var(--blue-2)}.status-screening{color:var(--yellow);background:var(--yellow-2)}.status-shortlisted{color:var(--purple);background:var(--purple-2)}.status-interview{color:var(--blue);background:var(--blue-2)}.status-offer{color:var(--orange);background:var(--orange-2)}.status-hired{color:var(--green);background:var(--green-2)}.status-rejected{color:var(--red);background:var(--red-2)}.status-withdrawn{color:var(--tx-3);background:var(--surface-2)}
