:root{--navy:#14304d;--navy-2:#1e3a5f;--navy-3:#2c4f7c;--gold:#d9a521;--gold-soft:#f6e7c1;--bg:#f4f6f9;--card:#fff;--line:#e3e8ef;--ink:#1b2733;--muted:#64748b;--green:#1a7f5a;--green-bg:#e6f4ee;--amber:#b45309;--amber-bg:#fdf3e3;--red:#b3261e;--red-bg:#fbeae9;--blue:#1d5b9b;--blue-bg:#e8f1fa;--violet:#6d4fa1;--violet-bg:#f0ebf8}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}.app{min-height:100vh;display:flex}.sidebar{background:var(--navy);color:#fff;flex-direction:column;flex-shrink:0;width:240px;height:100vh;display:flex;position:sticky;top:0}.logo{border-bottom:1px solid #ffffff1f;padding:20px 18px}.logo .t1{letter-spacing:.5px;font-size:19px;font-weight:800}.logo .t1 span{color:var(--gold)}.logo .t2{color:#b9c6d6;margin-top:3px;font-size:10.5px;line-height:1.35}.nav{flex:1;padding:12px 10px;overflow-y:auto}.nav .sec{text-transform:uppercase;letter-spacing:1.2px;color:#8fa3b8;padding:12px 10px 6px;font-size:10px}.nav a{color:#d6dfe9;cursor:pointer;border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:9px 10px;font-size:13.5px;text-decoration:none;display:flex}.nav a:hover{background:#ffffff14}.nav a.active{background:var(--gold);color:var(--navy);font-weight:700}.nav a .ic{text-align:center;width:18px;font-size:15px}.nav a .badge{background:#ffffff2e;border-radius:10px;margin-left:auto;padding:1px 7px;font-size:10.5px}.nav a.active .badge{background:#14304d2e}.sb-foot{color:#8fa3b8;border-top:1px solid #ffffff1f;padding:14px 18px;font-size:10.5px;line-height:1.5}.main{flex:1;min-width:0}.topbar{background:var(--card);border-bottom:1px solid var(--line);z-index:40;align-items:center;gap:16px;padding:12px 26px;display:flex;position:sticky;top:0}.topbar h1{color:var(--navy);font-size:16.5px;font-weight:700}.topbar .crumb{color:var(--muted);font-size:11.5px}.user{align-items:center;gap:10px;margin-left:auto;display:flex}.user .av{background:var(--navy-2);color:#fff;border:2px solid var(--gold);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.user .un{font-size:12.5px;font-weight:600}.user .ur{color:var(--muted);font-size:10.5px}.content{max-width:1180px;padding:24px 26px}.view{display:none}.view.show{display:block}.grid{gap:14px;display:grid}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}.card h3{color:var(--navy);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:700;display:flex}.card h3 .hint{color:var(--muted);margin-left:auto;font-size:11px;font-weight:400}.kpi .lbl{color:var(--muted);font-size:11.5px;font-weight:600}.kpi .val{color:var(--navy);margin:6px 0 2px;font-size:26px;font-weight:800}.kpi .sub{color:var(--muted);font-size:11px}.kpi .delta{font-size:11px;font-weight:700}.up{color:var(--green)}.dn{color:var(--red)}.chip{white-space:nowrap;border-radius:20px;padding:2.5px 9px;font-size:10.5px;font-weight:700;display:inline-block}.c-draft{color:#5b6b7c;background:#eef1f5}.c-ajukan{background:var(--blue-bg);color:var(--blue)}.c-seleksi{background:var(--amber-bg);color:var(--amber)}.c-kontrak{background:var(--violet-bg);color:var(--violet)}.c-jalan{background:var(--gold-soft);color:#8a6410}.c-lapor{color:var(--navy-3);background:#e2ecf6}.c-selesai{background:var(--green-bg);color:var(--green)}.c-tolak{background:var(--red-bg);color:var(--red)}table{border-collapse:collapse;width:100%;font-size:12.5px}th{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);text-align:left;border-bottom:1.5px solid var(--line);padding:8px 10px;font-size:10.5px}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px}tr:hover td{background:#f8fafc}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:12.5px;font-weight:700;display:inline-flex}.btn-p{background:var(--navy);color:#fff}.btn-p:hover{background:var(--navy-3)}.btn-g{background:var(--gold);color:var(--navy)}.btn-o{color:var(--navy);border:1.5px solid var(--line);background:#fff}.btn-sm{border-radius:6px;padding:5px 11px;font-size:11.5px}.btn-green{background:var(--green);color:#fff}.btn-red{color:var(--red);border:1.5px solid var(--red);background:#fff}.bar{background:#edf0f4;border-radius:6px;height:8px;overflow:hidden}.bar i{background:var(--navy-3);border-radius:6px;height:100%;display:block}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.toolbar input[type=text],.toolbar select{border:1.5px solid var(--line);background:#fff;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:12.5px}.toolbar input[type=text]{width:260px}.mt{margin-top:14px}.muted{color:var(--muted)}.small{font-size:11px}.stages{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.stage{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:10px;padding:12px 10px;position:relative}.stage .n{background:var(--navy);width:26px;height:26px;color:var(--gold);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 7px;font-size:12px;font-weight:800;display:flex}.stage .t{color:var(--navy);font-size:11px;font-weight:700;line-height:1.3}.stage .c{color:var(--muted);margin-top:4px;font-size:10px}.overlay{z-index:90;background:#0f1c2a8c;justify-content:center;align-items:flex-start;padding:40px 16px;display:none;position:fixed;inset:0;overflow-y:auto}.overlay.show{display:flex}.modal{background:#fff;border-radius:14px;width:640px;max-width:100%;padding:26px}.modal h2{color:var(--navy);margin-bottom:4px;font-size:16px}.modal .sub{color:var(--muted);margin-bottom:18px;font-size:12px}.frm{grid-template-columns:1fr 1fr;gap:13px;display:grid}.frm .full{grid-column:1/-1}.frm label{color:var(--navy);margin-bottom:5px;font-size:11px;font-weight:700;display:block}.frm input,.frm select,.frm textarea{border:1.5px solid var(--line);border-radius:8px;width:100%;padding:9px 11px;font-family:inherit;font-size:12.5px}.frm textarea{resize:vertical;min-height:70px}.modal .acts{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.score-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.score-row .sl{flex:1;font-size:12.5px}.score-row .sl b{color:var(--navy);font-size:12.5px;display:block}.score-row .sl span{color:var(--muted);font-size:10.5px}.score-row input[type=range]{accent-color:var(--navy-3);flex:1}.score-row .sv{text-align:center;width:34px;color:var(--navy);font-size:14px;font-weight:800}.totscore{background:var(--bg);border-radius:10px;justify-content:space-between;align-items:center;margin:8px 0 14px;padding:12px 16px;display:flex}.totscore .tv{color:var(--navy);font-size:22px;font-weight:800}#toast{background:var(--navy);color:#fff;z-index:99;border-left:4px solid var(--gold);border-radius:10px;padding:12px 18px;font-size:12.5px;font-weight:600;display:none;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #00000040}.repo{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.rcard{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.rcard .yr{color:var(--gold);letter-spacing:1px;font-size:10.5px;font-weight:800}.rcard .tt{color:var(--navy);font-size:13px;font-weight:700;line-height:1.4}.rcard .mt2{color:var(--muted);font-size:11px}.rcard .outs{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.empty{text-align:center;color:var(--muted);padding:34px;font-size:12.5px}.ms{border-bottom:1px dashed var(--line);align-items:center;gap:10px;padding:8px 0;font-size:12.5px;display:flex}.ms:last-child{border-bottom:none}.ms .dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.d-done{background:var(--green)}.d-now{background:var(--gold);box-shadow:0 0 0 4px var(--gold-soft)}.d-todo{background:#cbd5e1}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:11px;display:flex}.legend i{border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.banner{background:linear-gradient(100deg,var(--navy) 0%,var(--navy-3) 70%);color:#fff;border-radius:14px;align-items:center;gap:20px;margin-bottom:18px;padding:22px 24px;display:flex}.banner h2{margin-bottom:5px;font-size:17px}.banner h2 span{color:var(--gold)}.banner p{color:#c6d3e0;max-width:640px;font-size:12px;line-height:1.55}.banner .tag{text-align:center;background:#ffffff1a;border:1px solid #ffffff40;border-radius:10px;flex-shrink:0;margin-left:auto;padding:8px 14px;font-size:11px}.banner .tag b{color:var(--gold);font-size:19px;display:block}@media (width<=1000px){.g4,.g3,.repo,.stages{grid-template-columns:repeat(2,1fr)}.g2{grid-template-columns:1fr}.sidebar{display:none}}.badge-ai{font-weight:800;background:var(--gold)!important;color:var(--navy)!important}.nav a.active .badge-ai{color:var(--gold)!important;background:#14304dd9!important}.chatwrap{flex-direction:column;height:calc(100vh - 150px);min-height:480px;padding:0;display:flex;overflow:hidden}.chatlog{background:#fbfcfe;flex-direction:column;flex:1;gap:14px;padding:18px;display:flex;overflow-y:auto}.msg{gap:10px;max-width:92%;display:flex}.msg.user{flex-direction:row-reverse;align-self:flex-end}.mav{background:var(--navy);width:30px;height:30px;color:var(--gold);border:2px solid var(--gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.mbody{min-width:0}.msg .mtext{border:1px solid var(--line);white-space:pre-wrap;color:var(--ink);background:#fff;border-radius:12px;padding:11px 14px;font-size:12.8px;line-height:1.65}.msg.user .mtext{background:var(--navy);color:#fff;border-color:var(--navy)}.typing span{font-weight:800;animation:1.2s infinite blink}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.2}50%{opacity:1}}.agentsteps{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.astep{background:var(--blue-bg);color:var(--blue);border-radius:14px;padding:3px 9px;font-size:10px;font-weight:600}.astep b{font-weight:800}.sources{flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px;display:flex}.src-l{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:10.5px;font-weight:800}.src{background:var(--gold-soft);color:#8a6410;cursor:default;border-radius:14px;padding:3px 10px;font-size:10.5px;font-weight:600}.chatin{border-top:1px solid var(--line);background:#fff;gap:10px;padding:14px 16px;display:flex}.chatin input{border:1.5px solid var(--line);border-radius:10px;flex:1;padding:11px 14px;font-family:inherit;font-size:13px}.chatin input:focus{border-color:var(--navy-3);outline:none}.qp{text-align:left;background:var(--bg);border:1.5px solid var(--line);width:100%;color:var(--navy);cursor:pointer;border-radius:9px;margin-bottom:8px;padding:9px 12px;font-family:inherit;font-size:12px;font-weight:600;display:block}.qp:hover{border-color:var(--gold);background:#fffbef}.qp:disabled{opacity:.5;cursor:default}.plainlist{color:var(--ink);padding-left:18px;font-size:12.5px;line-height:1.6}.plainlist li{margin-bottom:7px}.hub{padding:26px}.hub-grid{grid-template-columns:1fr 1fr 1fr;align-items:center;gap:16px;display:grid}.hub-center{text-align:center;grid-area:2/2}.hub-core{background:var(--navy);width:120px;height:120px;color:var(--gold);border:5px solid var(--gold);letter-spacing:1px;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:28px;font-weight:800;display:flex;box-shadow:0 0 0 8px #d9a5211f}.hub-sub{color:var(--muted);margin-top:8px;font-size:11px;font-weight:600}.hub-node{background:var(--bg);border:1.5px dashed var(--navy-3);text-align:center;border-radius:12px;padding:13px 14px}.hub-node:first-child{grid-area:1/1}.hub-node:nth-child(2){grid-area:1/2}.hub-node:nth-child(3){grid-area:1/3}.hub-node:nth-child(5){grid-area:3/1}.hub-node:nth-child(6){grid-area:3/2}.hub-node:nth-child(7){grid-area:3/3}.hn-name{color:var(--navy);font-size:12.5px;font-weight:800;line-height:1.35}.hn-status{margin-top:6px}.gov{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:13px}.gov .gn{color:var(--navy);font-size:12.5px;font-weight:800}.gov .gs{color:var(--gold);text-transform:uppercase;letter-spacing:.6px;margin:2px 0 7px;font-size:10.5px;font-weight:700}.gov ul{color:var(--muted);padding-left:16px;font-size:11.5px;line-height:1.55}.cyc{border:1.25px solid var(--line);background:#fff;border-radius:10px;padding:13px}.cyc .cn{color:var(--navy);margin-bottom:7px;font-size:12.8px;font-weight:800}.cyc .cn span{background:var(--navy);width:22px;height:22px;color:var(--gold);border-radius:50%;justify-content:center;align-items:center;margin-right:6px;font-size:11px;display:inline-flex}.cyc ul{color:var(--ink);padding-left:16px;font-size:11.5px;line-height:1.55}.chips{flex-wrap:wrap;gap:8px;display:flex}.fchip{background:var(--blue-bg);color:var(--blue);border-radius:16px;padding:6px 13px;font-size:11.5px;font-weight:700}.fchip-alt{background:var(--green-bg);color:var(--green)}.fchip-ai{background:var(--navy);color:var(--gold)}.tujuan{background:linear-gradient(100deg,var(--navy) 0%,var(--navy-3) 80%);color:#fff;border-radius:12px;padding:16px 20px;font-size:13px;line-height:1.6}.tujuan b{color:var(--gold);letter-spacing:1px}@media (width<=1000px){.chatwrap{height:auto}.hub-grid{grid-template-columns:1fr 1fr}}.metric{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:13px 15px}.metric .mk{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-size:10.5px;font-weight:800}.metric .mv{color:var(--navy);margin:4px 0 3px;font-size:22px;font-weight:800}.metric .msrc{color:var(--green);font-size:10.5px;font-weight:600}.rekom{background:var(--gold-soft);color:#6b4e0d;border-radius:9px;padding:10px 13px;font-size:12px;line-height:1.55}.rekom b{color:#8a6410}.simres{border:2px solid var(--line);border-radius:12px;padding:14px 16px}