:root{--navy-900: #0f1c2e;--navy-800: #16283f;--navy-700: #1e3550;--gold-500: #ffb400;--gold-100: #ffe9a8;--ink: #14120c;--sidebar-ink: #eef3f9;--bw: 3px;--radius: 0px;--shadow-sm: 2px 2px 0 var(--ink);--shadow: 4px 4px 0 var(--ink);--shadow-lg: 6px 6px 0 var(--ink);--bg: #f6f1e4;--surface: #ffffff;--border: var(--ink);--text: #171512;--muted: #55524a;--accent: var(--gold-500);--ok: #0e8a4d;--ok-bg: #a9f0c4;--warn: #965300;--warn-bg: #ffdd8a;--fail: #ba1b1b;--fail-bg: #ffc2ba;--seniority: #5b21b6;--remote: #1c4fd1;--open-bg: #a9f0c4;--open-fg: #0e6b3c;--restricted-bg: #ffdd8a;--restricted-fg: #7a4200;--unknown-bg: #e9e4d3;--unknown-fg: #55524a;--error: #ba1b1b;--font-display: "Space Grotesk", "Poppins", "Segoe UI", system-ui, sans-serif;--font-body: "Space Grotesk", "Lato", system-ui, -apple-system, sans-serif;--font-mono: "Noto Sans Mono", ui-monospace, "SF Mono", monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ink: #f4f2ea;--bg: #0f1c2e;--surface: #16283f;--border: var(--ink);--text: #f4f2ea;--muted: #b7bdc7;--accent: var(--gold-500);--ok: #35d399;--ok-bg: #0d3324;--warn: #ffcf5c;--warn-bg: #3c2900;--fail: #ff8a80;--fail-bg: #431411;--seniority: #b39ddb;--remote: #7fb0ff;--open-bg: #0d3324;--open-fg: #35d399;--restricted-bg: #3c2900;--restricted-fg: #ffcf5c;--unknown-bg: #22303f;--unknown-fg: #b7bdc7;--error: #ff8a80;color-scheme:dark}}:root[data-theme=dark]{--ink: #f4f2ea;--bg: #0f1c2e;--surface: #16283f;--border: var(--ink);--text: #f4f2ea;--muted: #b7bdc7;--accent: var(--gold-500);--ok: #35d399;--ok-bg: #0d3324;--warn: #ffcf5c;--warn-bg: #3c2900;--fail: #ff8a80;--fail-bg: #431411;--seniority: #b39ddb;--remote: #7fb0ff;--open-bg: #0d3324;--open-fg: #35d399;--restricted-bg: #3c2900;--restricted-fg: #ffcf5c;--unknown-bg: #22303f;--unknown-fg: #b7bdc7;--error: #ff8a80;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 var(--font-body)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--shadow-sm)}.app{max-width:1040px;margin:0 auto;padding:0 20px 64px}.topbar{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px;padding:24px 0 16px;border-bottom:var(--bw) solid var(--border);margin-bottom:20px}.topbar h1{font-size:20px;margin:0;letter-spacing:-.01em}.topbar nav{display:flex;align-items:center;gap:4px}.tab{background:none;border:2px solid transparent;border-radius:4px;padding:6px 12px;color:var(--muted);cursor:pointer;font-size:14px;font-weight:700}.tab:hover{border-color:var(--ink);color:var(--text)}.tab-active{background:var(--surface);border-color:var(--ink);color:var(--text);font-weight:800;box-shadow:var(--shadow-sm)}.filters{background:var(--surface);border:var(--bw) solid var(--ink);border-radius:var(--radius);padding:16px;margin-bottom:18px;box-shadow:var(--shadow-lg)}.filter-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.filter-row:last-of-type{margin-bottom:0}.filters label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text);flex:1 1 150px}.filters input,.filters select{font:inherit;padding:8px 10px;border:2px solid var(--ink);border-radius:4px;background:var(--surface);color:var(--text)}.filter-toggles{align-items:center;border-top:2px solid var(--border);padding-top:12px}.check{flex:0 1 auto!important;flex-direction:row!important;align-items:center;gap:6px!important;font-size:13px!important;font-weight:600!important;text-transform:none!important;color:var(--text)!important}.check input{padding:0}.link{background:none;border:none;color:var(--accent);cursor:pointer;font:inherit;font-weight:700;padding:0;text-decoration:underline}button:not(.link):not(.tab):not(.theme-toggle){font:inherit;font-weight:700;padding:8px 16px;border:2px solid var(--ink);border-radius:4px;background:var(--surface);color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .12s ease}button:not(.link):not(.tab):not(.theme-toggle):hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}button:not(.link):not(.tab):not(.theme-toggle):active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}button:disabled{opacity:.45;cursor:default}.result-line{margin:0 0 12px;font-size:14px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:760px){.cards{grid-template-columns:minmax(0,1fr)}}.card{background:var(--surface);border:var(--bw) solid var(--ink);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow);display:flex;flex-direction:column}.card .tags{margin-top:auto;padding-top:12px}.card-duplicate{opacity:.72;border-style:dashed;box-shadow:none}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-title{margin:0 0 2px;font-size:16px;font-weight:800}.card-title a{color:var(--text);text-decoration:none}.card-title a:hover{text-decoration:underline}.card-company{margin:0;color:var(--muted);font-size:13px}.card-facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin:12px 0 0}.card-facts div{min-width:0}.card-facts dt{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.card-facts dd{margin:2px 0 0;font-size:14px}.badge{display:inline-block;padding:3px 10px;border:2px solid var(--ink);border-radius:4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.badge-open{background:var(--open-bg);color:var(--open-fg)}.badge-restricted{background:var(--restricted-bg);color:var(--restricted-fg)}.badge-unknown{background:var(--unknown-bg);color:var(--unknown-fg);font-style:italic}.tags{display:flex;flex-wrap:wrap;gap:5px;list-style:none;padding:0;margin:12px 0 0}.tags li{background:var(--bg);border:2px solid var(--ink);border-radius:4px;padding:1px 7px;font-size:12px;font-weight:600;color:var(--muted)}.dup-note{margin:10px 0 0;font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.hint{color:var(--muted);font-size:12px}.error{color:var(--error);font-size:13px;font-weight:700;margin:10px 0 0}.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px}.panel{background:var(--surface);border:var(--bw) solid var(--ink);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-lg)}.panel h2{font-family:var(--font-display);margin:0 0 10px;font-size:17px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.save-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}.save-row-compact{padding:12px 14px;border:2px solid var(--ink);border-radius:4px;background:var(--surface);margin-bottom:16px;box-shadow:var(--shadow-sm)}.save-row .error,.save-row .saved-note{flex:1 0 100%;margin:0}.save-row input[type=text]{flex:1 1 260px;font:inherit;padding:8px 10px;border:2px solid var(--ink);border-radius:4px;background:var(--surface);color:var(--text)}.saved-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.saved-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;border:2px solid var(--ink);border-radius:4px;padding:10px 12px;background:var(--surface);box-shadow:var(--shadow-sm)}.saved-list p{margin:3px 0 0;font-size:12px;word-break:break-all}.table-wrap{overflow-x:auto;border:2px solid var(--ink);border-radius:4px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top}th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:800;color:var(--text);border-bottom:3px solid var(--ink)}.row-attention td{background:var(--restricted-bg)}.err-cell{max-width:260px;word-break:break-word;color:var(--muted)}.theme-toggle{flex:none;padding:0;border:2px solid var(--ink);border-radius:17px;background:none;line-height:0;cursor:pointer;overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .12s ease,transform .12s ease,border-color .12s ease}.theme-toggle:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle svg{display:block}.lang-toggle{display:flex;flex:none;border:2px solid var(--ink);border-radius:0;overflow:hidden;height:34px;box-shadow:var(--shadow-sm)}.lang-toggle button{border:none;background:none;color:var(--muted);font-family:var(--font-body);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;padding:0 14px;cursor:pointer;transition:background-color .12s ease,color .12s ease}.lang-toggle button:hover{color:var(--text)}.lang-toggle button.active{background:var(--accent);color:var(--navy-900)}.lang-toggle button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.octo-knob{transition:transform .34s cubic-bezier(.34,1.3,.64,1)}.theme-toggle-dark .octo-knob{transform:translate(36px)}.octo-malam,.octo-bintang,.octo-awan-malam{opacity:0;transition:opacity .3s ease}.octo-awan-siang{opacity:1;transition:opacity .3s ease}.octo-matahari{opacity:1;transition:opacity .14s ease-out}.octo-bulan{opacity:0;transition:opacity .2s ease-in .13s}.theme-toggle-dark .octo-malam,.theme-toggle-dark .octo-bintang,.theme-toggle-dark .octo-awan-malam,.theme-toggle-dark .octo-bulan{opacity:1}.theme-toggle-dark .octo-matahari,.theme-toggle-dark .octo-awan-siang{opacity:0}@media(prefers-reduced-motion:reduce){.octo-knob,.octo-malam,.octo-bintang,.octo-awan-malam,.octo-awan-siang,.octo-matahari,.octo-bulan{transition:none}}.panel-sempit{max-width:460px}.panel-sempit .save-row{margin-top:12px;margin-bottom:0}.save-row input[type=password]{flex:1 1 220px;font:inherit;padding:8px 10px;border:2px solid var(--ink);border-radius:4px;background:var(--surface);color:var(--text)}.panel .filter-row label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text);flex:1 1 200px}.panel .filter-row input{font:inherit;padding:8px 10px;border:2px solid var(--ink);border-radius:4px;background:var(--surface);color:var(--text)}.laporan{margin-top:14px}.langkah{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:4px;font-size:13px}.langkah .lolos{color:var(--text)}.langkah .gagal{color:var(--error);font-weight:700}body{font-family:var(--font-body)}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--navy-900);color:#cfd9e5;padding:24px 16px;display:flex;flex-direction:column;gap:24px;border-right:var(--bw) solid var(--sidebar-ink)}.brand{font-family:var(--font-display);font-size:22px;font-weight:800;color:#fff;letter-spacing:.01em}.brand span{display:block;font-size:9px;font-weight:800;letter-spacing:.28em;color:var(--gold-500);margin-top:4px}.nav-group h2{font-family:var(--font-display);font-size:9px;letter-spacing:.18em;color:#7f90a5;margin:0 0 8px 8px;font-weight:700}.nav-group ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}.sidebar .nav-group button.nav-item{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;border:2px solid transparent;border-radius:4px;background:none;color:#cfd9e5;font:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background-color .12s ease}.sidebar .nav-group button.nav-item:hover{border-color:var(--sidebar-ink);color:#fff}.sidebar .nav-group button.nav-item[aria-current=page]{background:var(--gold-500);color:var(--navy-900);border-color:var(--sidebar-ink);box-shadow:3px 3px 0 var(--sidebar-ink);font-weight:800}.nav-count{font-family:var(--font-display);font-size:11px;font-weight:700;color:#8b9cb0}.sidebar-foot{margin-top:auto;font-size:11px;line-height:1.5;color:#8b9cb0;border-top:2px solid var(--navy-700);padding-top:16px}.sidebar-foot strong{display:block;color:#cfd9e5;font-weight:700;margin-bottom:2px}.main{background:var(--bg);padding:24px 32px 64px;min-width:0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.page-head-tools{display:flex;align-items:center;gap:8px;flex:none}.page-head h1{font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:-.01em;margin:0 0 4px}.page-head p{margin:0;color:var(--muted);font-size:12px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin-bottom:24px}.tile{background:var(--surface);border:2px solid var(--ink);border-radius:4px;padding:12px 16px;box-shadow:var(--shadow-sm)}.tile dt{font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--muted);margin-bottom:4px}.tile dd{font-family:var(--font-display);font-size:24px;font-weight:800;margin:0;line-height:1.1}.tile .tile-note{display:block;font-family:var(--font-body);font-size:11px;font-weight:400;color:var(--muted);margin-top:2px}.source-alert{display:flex;gap:12px;align-items:flex-start;background:var(--fail-bg);border:var(--bw) solid var(--ink);border-radius:4px;padding:12px 16px;margin-bottom:16px;box-shadow:var(--shadow)}.source-alert strong{font-family:var(--font-display);font-size:13px;font-weight:800;color:var(--fail)}.source-alert p{margin:2px 0 0;font-size:12px;color:var(--text)}.feed-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}.feed-layout .cards{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.job{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:16px;background:var(--surface);border:var(--bw) solid var(--ink);border-radius:4px;padding:16px;box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .12s ease}.job:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.job-logo{width:40px;height:40px;border-radius:4px;border:2px solid var(--ink);background:var(--navy-700);color:#fff;font-family:var(--font-display);font-size:13px;font-weight:800;display:grid;place-items:center}.job-title{font-family:var(--font-display);font-size:14px;font-weight:800;margin:0;line-height:1.3}.job-title a{color:var(--text);text-decoration:none}.job-title a:hover{text-decoration:underline}.job-company{margin:0 0 8px;font-size:12px;color:var(--muted)}.job-facts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;font-size:12px;align-items:center}.chip{border:2px solid var(--ink);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700;white-space:nowrap}.chip-salary{font-family:var(--font-display);font-weight:800;background:var(--unknown-bg);color:var(--text)}.chip-salary.chip-raw{font-family:var(--font-body);font-weight:600;color:var(--muted)}.chip-remote{background:color-mix(in srgb,var(--remote) 20%,var(--surface));color:var(--remote)}.chip-restricted{background:var(--restricted-bg);color:var(--restricted-fg)}.chip-unknown{background:var(--unknown-bg);color:var(--unknown-fg)}.chip-level{background:color-mix(in srgb,var(--seniority) 20%,var(--surface));color:var(--seniority)}.chip-skill{background:var(--unknown-bg);color:var(--muted);font-weight:600}.chip-skill.chip-match{background:var(--ok-bg);color:var(--ok);font-weight:800}.job-prov{font-family:var(--font-mono);font-size:9px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px}.job-prov .dup{color:var(--remote)}.score{text-align:center;min-width:56px;border:2px solid var(--ink);border-radius:4px;padding:6px 4px;background:var(--surface)}.score b{display:block;font-family:var(--font-display);font-size:24px;font-weight:800;line-height:1;color:var(--muted)}.score span{font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.score-tinggi{border-color:var(--ok)}.score-tinggi b,.score-tinggi span{color:var(--ok)}.score-tinjau{border-color:var(--warn)}.score-tinjau b,.score-tinjau span{color:var(--warn)}.score-detail{grid-column:1 / -1;border-top:1px solid var(--border);margin-top:8px;padding-top:8px}.score-detail summary{font-size:11px;font-weight:700;color:var(--muted);cursor:pointer}.score-rows{display:grid;gap:4px;margin-top:8px}.score-row{display:grid;grid-template-columns:96px 40px minmax(0,1fr);gap:8px;align-items:baseline;font-size:11px}.score-row b{font-family:var(--font-display);text-align:right}.score-row .alasan{color:var(--muted)}.score-row .kosong{color:var(--muted);font-family:var(--font-body);font-weight:400}.aside-card{background:var(--surface);border:2px solid var(--ink);border-radius:4px;padding:16px;margin-bottom:8px;box-shadow:var(--shadow-sm)}.aside-card h2{font-family:var(--font-display);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px}.aside-row{display:flex;justify-content:space-between;gap:8px;font-size:11px;padding:4px 0;border-bottom:1px solid var(--border)}.aside-row:last-of-type{border-bottom:0}.aside-row span:first-child{color:var(--muted)}.aside-row b{font-family:var(--font-display);font-weight:700;text-align:right}.aside-note{margin:8px 0 0;font-size:11px;color:var(--muted);line-height:1.5}@media(max-width:1100px){.feed-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{flex-direction:row;flex-wrap:wrap;align-items:center;padding:16px;border-right:none;border-bottom:var(--bw) solid var(--sidebar-ink)}.sidebar-foot{display:none}.main{padding:16px}}.consent{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:50;margin:0 auto;max-width:46rem;padding:1rem 1.15rem;display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;justify-content:space-between;background:var(--surface);border:var(--bw) solid var(--ink);border-radius:4px;box-shadow:var(--shadow-lg)}.consent-teks{flex:1 1 22rem;min-width:0}.consent-teks strong{display:block;margin-bottom:.3rem}.consent-teks p,.consent-daftar p,.consent-catatan{margin:0;color:var(--muted);font-size:.88rem;line-height:1.45}.consent-tombol{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.consent .consent-tombol button:hover{border-color:var(--accent)}.consent .consent-tombol button.primary{background:var(--accent);border-color:var(--ink);color:var(--navy-900)}.consent .consent-tombol button.tautan{border-color:transparent;background:none;box-shadow:none;color:var(--muted);text-decoration:underline;font-weight:600}.consent .consent-tombol button.tautan:hover{border-color:transparent;box-shadow:none;transform:none}.consent-panel{display:block;max-width:34rem}.consent-panel h2{margin:0 0 .75rem;font-size:1.05rem;font-weight:800}.consent-panel h2:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.consent-daftar{list-style:none;margin:0 0 .85rem;padding:0;display:grid;gap:.85rem}.consent-daftar label{display:flex;align-items:center;gap:.5rem;font-weight:700;margin-bottom:.2rem}.consent-daftar input[disabled]{cursor:not-allowed}.consent-catatan{margin-bottom:.9rem}.site-footer{margin-top:2.5rem;padding-top:1rem;border-top:2px solid var(--border);padding-bottom:6rem}@media(max-width:560px){.consent-tombol button{flex:1 1 auto}}