:root{--primary:#5846F9;--primary-2:#7B27D8;--primary-deep:#260757;--primary-deepest:#0C004F;--primary-soft:#EFECFE;--accent:#ED1A3A;--accent-dark:#C4142F;--accent-soft:#FDEBEF;--bg:#FFFFFF;--bg-soft:#F8F7FC;--ink:#1C1730;--body-text:#5B5770;--muted:#8B87A0;--border:#E8E4F2;--success:#16A34A;--warning:#D97706;--danger:#DC2626;--font-heading:"Sora","Plus Jakarta Sans",sans-serif;--font-body:"Plus Jakarta Sans","Segoe UI",sans-serif;--radius:16px;--radius-sm:10px;--shadow-sm:0 2px 10px rgba(27,6,64,.06);--shadow-md:0 12px 32px rgba(27,6,64,.1);--grad-hero:radial-gradient(ellipse at 50% 28%, #3D1B8F 0%, var(--primary-deep) 48%, var(--primary-deepest) 100%)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--bg-soft);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-heading);margin:0;color:var(--ink);line-height:1.2}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:600;font-size:15px;padding:12px 20px;border-radius:var(--radius-sm);border:1.5px solid transparent;cursor:pointer;transition:background .15s,transform .08s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-dark)}.btn-ghost{background:#fff;color:var(--primary-deep);border-color:var(--border)}.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.auth-hero{background:var(--grad-hero);color:#fff;padding:56px 52px;display:flex;flex-direction:column;justify-content:flex-start}.auth-hero h1{font-size:34px;color:#fff;text-align:center;margin:0 0 24px}.auth-hero p{color:#d9d0f5;font-size:16px;max-width:420px;margin-top:44px;margin-left:72px}.auth-hero .pts{margin-top:30px;margin-left:72px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.auth-hero .pts div{display:flex;gap:10px;align-items:center;color:#e7e0fb;font-size:14.5px}.auth-hero .pts .dot{width:22px;height:22px;border-radius:50%;background:#ffffff26;display:grid;place-items:center;font-size:12px}.auth-panel{display:flex;align-items:center;justify-content:center;padding:40px}.auth-card{width:100%;max-width:400px}.tabs{display:flex;background:var(--primary-soft);border-radius:var(--radius-sm);padding:4px;margin-bottom:24px}.tabs button{flex:1;border:none;background:transparent;padding:10px;font-family:var(--font-body);font-weight:600;font-size:14px;color:var(--body-text);border-radius:8px;cursor:pointer}.tabs button.on{background:#fff;color:var(--primary-deep);box-shadow:var(--shadow-sm)}.auth-title{text-align:center;font-family:var(--font-heading);font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--primary);margin-bottom:22px}.auth-card h2{font-size:22px;margin-bottom:6px}.auth-card .sub{color:var(--muted);font-size:14px;margin-bottom:22px}.linklike{display:block;width:100%;text-align:center;background:none;border:none;color:var(--primary);cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:600;margin-top:14px}.linklike:hover{text-decoration:underline}.field{margin-bottom:15px}.field label{display:block;font-weight:600;font-size:13px;margin-bottom:6px}.field .req{color:var(--accent)}.field input,.field select,.field textarea{width:100%;font-family:var(--font-body);font-size:14.5px;padding:11px 13px;border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;color:var(--ink);background:#fff}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.alert{padding:12px 14px;border-radius:var(--radius-sm);font-size:13.5px;margin-bottom:16px}.alert-err{background:var(--accent-soft);color:var(--accent-dark);border:1px solid #F6C7CF}.alert-ok{background:#e7f6ee;color:#0f6e56;border:1px solid #B7E3CE}.topbar{background:#fff;border-bottom:1px solid var(--border);padding:14px 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.topbar .brand{display:flex;align-items:center;gap:11px}.topbar .brand img{height:40px}.topbar .brand .who{font-size:12.5px;color:var(--muted)}.topbar .brand .who b{display:block;color:var(--ink);font-size:14px;font-family:var(--font-heading)}.linkbtn{background:none;border:none;color:var(--body-text);font-family:var(--font-body);font-size:14px;cursor:pointer;font-weight:500}.linkbtn:hover{color:var(--accent)}.wrap{max-width:920px;margin:0 auto;padding:30px 28px 60px}.page-h{margin-bottom:22px}.page-h h1{font-size:26px}.page-h p{color:var(--muted);margin-top:6px}.opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.opt-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow .15s,transform .1s,border-color .15s}.opt-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary)}.opt-ic{width:48px;height:48px;border-radius:12px;background:var(--primary-soft);color:var(--primary-deep);display:grid;place-items:center;font-size:22px;margin-bottom:14px}.opt-card h3{font-size:18px;margin-bottom:8px}.opt-card p{color:var(--muted);font-size:14px}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:24px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.ptk-sec{font-family:var(--font-heading);font-weight:700;font-size:14px;letter-spacing:.02em;text-transform:uppercase;color:var(--primary-deep);margin:26px 0 14px;padding-bottom:8px;border-bottom:2px solid var(--primary-soft)}.ptk-sec:first-child{margin-top:0}.ptk-doc{display:inline-block;margin-left:8px;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--primary);background:var(--primary-soft);padding:2px 8px;border-radius:999px;vertical-align:middle}.ptk-hint{font-weight:400;color:var(--muted);font-size:12px}.ptk-inline{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.ptk-inline input{width:auto;flex:0 0 auto}.ptk-inline>span{font-size:13.5px;color:var(--body-text);white-space:nowrap}.ptk-chks{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.chk{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--body-text);background:#fff;border:1px solid var(--border);border-radius:999px;padding:7px 13px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .12s,background .12s,color .12s}.chk input{width:auto!important;margin:0;accent-color:var(--primary)}.chk.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-deep)}.chk-other{flex:1 1 160px;min-width:140px;max-width:260px;width:auto}.ptk-sdi{margin-top:18px;padding:14px 16px;background:var(--bg-soft);border:1px dashed var(--border);border-radius:var(--radius-sm)}.voice-box{margin-bottom:18px;border:1px solid var(--primary-soft);background:linear-gradient(180deg,#fbfaff,#fff)}.voice-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:13px}.voice-ic{font-size:23px;line-height:1;margin-top:1px}.voice-title{font-family:var(--font-heading);font-weight:700;font-size:16px;color:var(--primary-deep);display:flex;align-items:center;gap:8px}.voice-badge{font-size:10px;font-weight:700;letter-spacing:.04em;color:#fff;background:var(--primary);padding:2px 7px;border-radius:999px}.voice-sub{color:var(--muted);font-size:13px;margin-top:3px;max-width:560px}.voice-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:11px}.voice-text{width:100%;font-family:var(--font-body);font-size:14px;padding:11px 13px;border:1px solid var(--border);border-radius:var(--radius-sm);resize:vertical;color:var(--ink);background:#fff}.voice-text:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.voice-msg{font-size:13px;color:var(--primary-deep);margin-top:9px;font-weight:600}.voice-disclaimer{font-size:12px;color:var(--muted);margin-top:11px;line-height:1.55}.rec-pulse{animation:recpulse 1.1s ease-in-out infinite}@keyframes recpulse{0%,to{opacity:1}50%{opacity:.5}}.rec-timer{display:inline-flex;align-items:center;gap:7px;align-self:center;font-weight:700;font-size:14px;color:var(--accent);font-variant-numeric:tabular-nums}.rec-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);animation:recpulse 1.1s ease-in-out infinite}.btn-sm{padding:7px 12px;font-size:13px}.icon-btn{border:1px solid var(--border);background:#fff;color:var(--body-text);border-radius:var(--radius-sm);padding:6px 10px;font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer}.icon-btn:hover{border-color:var(--primary);color:var(--primary)}.job-filter{font-family:var(--font-body);font-size:13px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;color:var(--ink);outline:none;max-width:280px}.job-filter:focus{border-color:var(--primary)}.kanban{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px;align-items:flex-start}.kan-col{flex:0 0 232px;background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:10px;min-height:120px}.kan-head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 12px;font-family:var(--font-heading);font-weight:700;font-size:13px;color:var(--ink)}.kan-head>span:first-child{display:inline-flex;align-items:center;gap:7px}.kan-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.kan-count{background:#fff;border:1px solid var(--border);border-radius:999px;font-size:11px;padding:1px 8px;color:var(--muted)}.kan-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:11px 12px;margin-bottom:8px;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .12s}.kan-card:hover{border-color:var(--primary)}.kan-name{font-weight:700;font-size:13.5px;color:var(--ink)}.kan-sub{font-size:12px;color:var(--muted);margin-top:2px}.kan-reject{margin-top:6px;font-size:11.5px;font-weight:600;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:help}.kan-sched{margin-top:6px;font-size:11.5px;font-weight:600;color:#1d4ed8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kan-resched{color:var(--accent)}.kan-meta{display:flex;align-items:center;justify-content:space-between;margin-top:8px;min-height:16px}.kan-stars{color:#ef9f27;font-size:12px;letter-spacing:1px}.kan-date{font-size:11px;color:var(--muted)}.kan-empty{text-align:center;color:var(--border);font-size:20px;padding:8px 0}.kan-group{border:1px solid rgba(20,10,45,.07);border-radius:12px;padding:8px;margin-bottom:8px}.kan-group-head{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:1px 3px 7px}.kan-group-title{font-size:11.5px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kan-group-count{background:#140a2d1a;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600;color:var(--ink);flex-shrink:0}.kan-group .kan-card{background:#fff}.kan-group .kan-card:last-child{margin-bottom:0}.cv-pending{display:inline-block;font-size:11px;font-weight:600;color:#b45309;background:#fef3c7;border-radius:6px;padding:2px 7px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c173073;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.modal{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-md);width:min(640px,96vw);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.modal-head h3{font-size:18px}.modal-sub{font-size:13px;color:var(--muted);margin-top:2px}.modal-body{padding:18px 22px;overflow-y:auto}.cand-photo{width:46px;height:58px;object-fit:cover;border-radius:8px;border:1px solid var(--border);cursor:pointer}.cand-photo.ph{display:grid;place-items:center;font-size:24px;background:var(--bg-soft);cursor:default}.cand-stage{font-size:12.5px;font-weight:700;color:var(--primary-deep);background:var(--primary-soft);border-radius:999px;padding:4px 12px}.cand-stage.s-onboard{color:#16803c;background:#e7f6ee}.cand-stage.s-rejected{color:var(--accent);background:var(--accent-soft)}.cand-stars{color:#ef9f27;font-size:14px;letter-spacing:1px}.cand-contact{display:flex;flex-wrap:wrap;gap:8px 26px;font-size:13.5px;color:var(--ink);margin-bottom:14px}.cand-contact span{color:var(--muted);font-size:12px;display:block}.cand-sched{font-size:13px;color:#1d4ed8;background:#eff4ff;border-radius:8px;padding:8px 12px;margin-bottom:14px}.berkas-lbl{font-family:var(--font-heading);font-weight:700;font-size:13px;color:var(--primary-deep);margin:6px 0 10px}.berkas-btns{display:flex;flex-wrap:wrap;gap:10px}.cand-assess{background:var(--bg-soft, #F8F7FC);border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-bottom:14px}.ca-lbl{font-family:var(--font-heading);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-bottom:8px}.ca-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ca-row .cand-stars{color:#f5a623;font-size:17px;letter-spacing:1px}.ca-reco{font-size:12.5px;font-weight:700;padding:3px 11px;border-radius:999px}.ca-hint{font-size:11.5px;color:var(--muted);margin-top:8px}.cand-notes{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.cn-item{background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px 13px}.cn-meta{font-size:11.5px;color:var(--muted);font-weight:600;margin-bottom:3px}.cn-text{font-size:13.5px;color:var(--ink);line-height:1.5}.cand-timeline{list-style:none;margin:0 0 20px;padding:0}.cand-timeline li{position:relative;display:flex;gap:12px;padding:0 0 16px 4px}.cand-timeline li:before{content:"";position:absolute;left:9px;top:16px;bottom:-2px;width:2px;background:var(--border)}.cand-timeline li:last-child:before{display:none}.tl-dot{position:relative;z-index:1;flex:0 0 auto;width:16px;height:16px;border-radius:50%;margin-top:1px;background:#fff;border:2px solid var(--border)}.cand-timeline .tl-done .tl-dot{background:var(--primary);border-color:var(--primary)}.cand-timeline .tl-current .tl-dot{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.cand-timeline .tl-rejected .tl-dot{background:var(--danger);border-color:var(--danger)}.tl-body{display:flex;flex-direction:column;gap:1px}.tl-label{font-size:13.5px;font-weight:600;color:var(--ink)}.cand-timeline .tl-upcoming .tl-label{color:var(--muted);font-weight:500}.tl-now{color:var(--primary);font-weight:700}.tl-date{font-size:12px;color:var(--muted)}.berkas-note{font-size:12px;color:var(--muted);margin-top:8px}.pdf-viewer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#140a2d9e;display:flex;align-items:center;justify-content:center;z-index:120;padding:20px}.pdf-viewer{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-md);width:min(1000px,96vw);height:min(92vh,100%);display:flex;flex-direction:column;overflow:hidden}.pdf-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-soft)}.pdf-viewer-title{font-weight:600;font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-viewer-body{flex:1;overflow:auto;background:#4b4f52;padding:18px;display:flex;flex-direction:column;align-items:center;gap:14px}.pdf-page-img{width:100%;max-width:800px;box-shadow:0 2px 12px #0006;background:#fff}.pdf-viewer-msg{color:#e8e8ee;padding:48px 20px;font-size:14px;text-align:center}.req-item{border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 18px;margin-bottom:12px;background:#fff}.req-item .top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.req-item h4{font-size:16px}.req-item .meta{color:var(--muted);font-size:13px;margin-top:3px}.badge{font-size:12.5px;font-weight:600;padding:4px 11px;border-radius:999px;white-space:nowrap}.b-pending{background:#fdf1e1;color:#85500b}.b-accepted{background:#e7f6ee;color:#0f6e56}.b-rejected{background:var(--accent-soft);color:var(--accent-dark)}.reason{margin-top:10px;font-size:13px;color:var(--accent-dark);background:var(--accent-soft);padding:9px 12px;border-radius:8px}@media(max-width:820px){.auth-wrap{grid-template-columns:1fr}.auth-hero{display:none}.opt-grid,.grid2{grid-template-columns:1fr}}.brand-orbit{position:relative;--bo-size: min(50vmin, 280px);--bo-radius: calc(var(--bo-size) * .48);width:var(--bo-size);height:var(--bo-size);align-self:center;margin:48px 0 22px;perspective:1100px}.bo-orbit{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;animation:bo-spin 16s linear infinite}@keyframes bo-spin{0%{transform:rotateX(42deg) rotate(0)}to{transform:rotateX(42deg) rotate(360deg)}}.bo-ring{position:absolute;top:50%;left:50%;width:calc(var(--bo-radius) * 2);height:calc(var(--bo-radius) * 2);margin:calc(var(--bo-radius) * -1) 0 0 calc(var(--bo-radius) * -1);border:1.5px dashed rgba(255,255,255,.35);border-radius:50%}.bo-ring-outer{width:calc(var(--bo-radius) * 2.3);height:calc(var(--bo-radius) * 2.3);margin:calc(var(--bo-radius) * -1.15) 0 0 calc(var(--bo-radius) * -1.15);border-color:#ff6e874d}.bo-spoke{position:absolute;top:50%;left:50%;width:var(--bo-radius);height:2px;margin-top:-1px;transform-origin:0 50%;transform:rotate(var(--angle));background:linear-gradient(90deg,#a092ffb3,#a092ff14)}.bo-item{position:absolute;top:50%;left:50%;width:0;height:0;transform:rotate(var(--angle)) translate(var(--bo-radius)) rotate(calc(-1 * var(--angle)));transform-style:preserve-3d}.bo-face{--bo-face-lift: -23px;display:flex;flex-direction:column;align-items:center;text-align:center;width:78px;transform-origin:0 0;transform:rotate(0) rotateX(-42deg) translate(-50%) translateY(var(--bo-face-lift));animation:bo-billboard 16s linear infinite}@keyframes bo-billboard{0%{transform:rotate(0) rotateX(-42deg) translate(-50%) translateY(var(--bo-face-lift))}to{transform:rotate(-360deg) rotateX(-42deg) translate(-50%) translateY(var(--bo-face-lift))}}.bo-icon{width:45px;height:45px;border-radius:50%;background:#fff;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:5px;box-shadow:var(--shadow-sm);font-size:20px;line-height:1}.bo-item span{font-size:11px;font-weight:700;color:#fff;line-height:1.2;text-shadow:0 2px 8px rgba(12,0,79,.6)}.bo-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--bo-size) * .21);height:calc(var(--bo-size) * .21);border-radius:50%;background:#fff;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;animation:bo-center-pulse 3s ease-out infinite}.bo-center img{width:60%;height:auto;align-self:center}@keyframes bo-center-pulse{0%,to{box-shadow:0 0 #ffffff59}50%{box-shadow:0 0 0 10px #fff0}}@media(prefers-reduced-motion:reduce){.bo-orbit,.bo-face,.bo-center{animation:none}.bo-orbit{transform:rotateX(42deg)}.bo-face{transform:rotate(0) rotateX(-42deg) translate(-50%) translateY(var(--bo-face-lift))}}