:root{--bg:#f4f5f7;--surface:#fff;--ink:#181a1d;--muted:#686e76;--line:#dfe2e6;--soft:#eef0f2;--green:#167d5b;--green-soft:#e7f5ef;--amber:#a76308;--amber-soft:#fff4de;--red:#b94343;--shadow:0 10px 28px rgba(25,28,33,.06);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input,select{font:inherit;letter-spacing:0}.app-shell{min-height:100vh}.topbar{height:64px;padding:0 clamp(18px,4vw,54px);display:flex;align-items:center;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-size:15px;font-weight:760}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:11px;font-weight:850}.live-indicator{margin-left:auto;display:flex;align-items:center;gap:8px;color:#3f454b;font-size:12px;font-weight:650}.live-indicator span{width:8px;height:8px;border-radius:50%;background:#25a779;box-shadow:0 0 0 4px #e3f5ee}.icon-button{margin-left:18px;width:36px;height:36px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer}.icon-button:hover{background:var(--soft)}.icon-button svg,.search-field svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-button.loading svg{animation:spin .8s linear infinite}main{width:min(1460px,calc(100% - 48px));margin:0 auto;padding:40px 0 70px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding:6px 0 32px}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:800;color:var(--green);margin:0 0 12px;letter-spacing:.12em}.page-heading h1{font-size:clamp(34px,4vw,60px);line-height:1.02;margin:0;font-weight:740;letter-spacing:0}.intro{max-width:660px;font-size:15px;line-height:1.7;color:var(--muted);margin:16px 0 0}.updated-block{text-align:right;min-width:170px}.updated-block span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:750;letter-spacing:.08em}.updated-block strong{display:block;font-size:13px;margin-top:7px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--surface);margin-bottom:18px}.metric{padding:19px 22px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric strong{font-size:24px;display:block;font-variant-numeric:tabular-nums}.metric span{font-size:12px;color:var(--muted);display:block;margin-top:4px}.controls{display:grid;grid-template-columns:minmax(300px,1.7fr) repeat(3,minmax(145px,.75fr));gap:8px;margin-bottom:18px}.controls select,.search-field{height:44px;border:1px solid var(--line);background:#fff;color:var(--ink)}.controls select{padding:0 34px 0 13px;cursor:pointer}.search-field{display:flex;align-items:center;padding:0 13px;gap:9px}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);min-width:0}.search-field input::placeholder{color:#969ba2}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.jobs-panel,.sources-panel{background:var(--surface);border:1px solid var(--line)}.sources-panel{position:sticky;top:82px;max-height:calc(100vh - 104px);display:flex;flex-direction:column}.section-header{min-height:70px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.section-header h2{font-size:14px;margin:0;font-weight:780}.section-header p{font-size:12px;color:var(--muted);margin:5px 0 0}.text-button{border:0;background:transparent;color:var(--green);font-size:12px;font-weight:720;cursor:pointer;padding:8px}.jobs-list{min-height:440px}.job-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 86px;gap:20px;padding:20px 18px;border-bottom:1px solid var(--line);transition:background .15s}.job-row:hover{background:#fafbfb}.job-main{min-width:0}.company-line{display:flex;align-items:center;gap:8px;margin-bottom:8px}.company-avatar{width:26px;height:26px;display:grid;place-items:center;background:#22252a;color:#fff;font-size:10px;font-weight:800;flex:0 0 auto}.company-name{font-size:12px;font-weight:720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-badge,.early-badge,.size-badge{font-size:9px;text-transform:uppercase;font-weight:800;padding:3px 6px}.source-badge{background:var(--soft);color:#5d6269}
.size-badge{background:#eef2ff;color:#4348a2;border-radius:inherit}.early-badge{background:var(--green-soft);color:var(--green)}.job-title{font-size:17px;line-height:1.35;margin:0 0 9px;font-weight:690}.job-meta{display:flex;gap:14px;flex-wrap:wrap;color:#5d636b;font-size:12px}.job-meta span{display:flex;align-items:center;gap:5px}.job-meta svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}.job-location{align-self:center;font-size:12px;color:#4e535a;line-height:1.45}.job-action{align-self:center;text-align:right}.apply-link{display:inline-flex;align-items:center;justify-content:center;width:78px;height:34px;background:var(--ink);color:#fff;text-decoration:none;font-size:11px;font-weight:720}.apply-link:hover{background:var(--green)}.posted{display:block;font-size:10px;color:var(--muted);margin-top:7px}.loading-state,.empty-state{min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:var(--muted)}.loading-state strong,.empty-state strong{color:var(--ink);font-size:14px}.loading-state p,.empty-state p{font-size:12px}.spinner{width:24px;height:24px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:15px}.source-summary{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.source-summary div{padding:13px 16px}.source-summary div:first-child{border-right:1px solid var(--line)}.source-summary strong{font-size:16px;display:block}.source-summary span{font-size:10px;color:var(--muted)}.sources-list{overflow-y:scroll;scrollbar-color:#b8bdc3 transparent;scrollbar-width:thin}.source-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 14px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.source-row:hover{background:#fafbfb}.source-dot{width:7px;height:7px;border-radius:50%;background:#26a879}.source-row.error .source-dot{background:var(--red)}.source-name{font-size:11px;font-weight:680;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-platform{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;margin-top:3px}.source-count{font-size:10px;color:var(--muted)}.pagination{padding:14px 18px;display:flex;justify-content:center;gap:5px}.page-button{min-width:32px;height:32px;border:1px solid var(--line);background:#fff;font-size:11px;cursor:pointer}.page-button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.page-button:disabled{opacity:.4;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.controls{grid-template-columns:2fr repeat(2,1fr)}.search-field{grid-column:span 2}.content-layout{grid-template-columns:1fr}.sources-panel{position:static;max-height:420px}.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:700px){.topbar{padding:0 16px}.live-indicator{font-size:0}.live-indicator span{margin-right:0}.icon-button{margin-left:12px}main{width:calc(100% - 24px);padding-top:24px}.page-heading{display:block;padding-bottom:24px}.page-heading h1{font-size:38px}.updated-block{text-align:left;margin-top:20px}.controls{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.controls select:last-child{grid-column:1/-1}.job-row{grid-template-columns:minmax(0,1fr) 80px;gap:14px}.job-location{grid-column:1/2;margin-top:2px}.job-action{grid-column:2;grid-row:1/3}.job-title{font-size:15px}.company-line{flex-wrap:wrap}.metrics .metric{padding:15px}.metric strong{font-size:20px}}@media(max-width:430px){.brand>span:last-child{font-size:13px}.metrics{grid-template-columns:1fr 1fr}.controls{grid-template-columns:1fr}.search-field,.controls select:last-child{grid-column:auto}.job-row{display:block}.job-location{margin:12px 0}.job-action{text-align:left;display:flex;align-items:center;gap:12px}.posted{margin:0}.section-header{padding:14px}.apply-link{width:100px}}