:root{--bg:#f6f7f9;--card:#ffffff;--ink:#1a202c;--muted:#6b7280;--line:#e5e7eb;--accent:#059669;--accent-soft:#ecfdf5;--red:#dc2626;--red-soft:#fef2f2;--amber:#b45309;--amber-soft:#fef3c7;--blue:#0369a1;--blue-soft:#eff6ff;--violet:#6d28d9;--violet-soft:#f5f3ff;--teal:#0f766e;--teal-soft:#f0fdfa;--slate:#64748b;--slate-soft:#f1f5f9;--radius:12px;--shadow:0 1px 2px rgba(16,24,40,.05)}*{box-sizing:border-box;margin:0;padding:0}.wrap{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;max-width:1240px;margin:0 auto;padding:24px 18px 48px}.wrap header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.wrap .brand{display:flex;align-items:center;gap:11px;min-width:0}.wrap .back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;flex:none;color:var(--muted);border:1px solid var(--line);background:var(--card);transition:.15s;text-decoration:none}.wrap .back-btn:hover{border-color:#d1d5db;color:var(--ink)}.wrap .back-btn svg{width:16px;height:16px}.wrap .logo{width:36px;height:36px;border-radius:10px;flex:none;background:linear-gradient(135deg,#059669,#0d9488);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px;box-shadow:0 4px 10px rgba(5,150,105,.25)}.wrap h1{font-size:16.5px;font-weight:800;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wrap .sub{color:var(--muted);font-size:12px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wrap .header-actions{display:flex;align-items:center;gap:10px;flex:none}.wrap .updated{color:var(--muted);font-size:11.5px;white-space:nowrap}.wrap .btn{border:1px solid var(--line);background:var(--card);color:var(--ink);padding:6px 12px;border-radius:9px;font-size:12.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:.15s}.wrap .btn:hover{border-color:#d1d5db;background:#fafafa}.wrap .btn svg{width:12px;height:12px}.wrap .btn-add{background:#2563eb;border-color:#2563eb;color:#fff}.wrap .btn-add:hover{background:#1d4ed8;border-color:#1d4ed8}.wrap .btn-add svg{width:13px;height:13px}.wrap .access-note{color:var(--muted);font-size:10.5px;white-space:nowrap}.wrap .spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wrap .status-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.wrap .status-tab{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:20px;font-size:12.5px;font-weight:600;border:1.5px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer;transition:.15s}.wrap .status-tab:hover{border-color:#cbd5e1;color:var(--ink)}.wrap .status-tab.active{color:#fff}.wrap .status-tab.active-semua{background:#0a1628;border-color:#0a1628}.wrap .status-tab.active-inisiasi{background:#b45309;border-color:#b45309}.wrap .status-tab.active-tertunda{background:#ea580c;border-color:#ea580c}.wrap .status-tab.active-berjalan{background:#2563eb;border-color:#2563eb}.wrap .status-tab.active-sosialisasi{background:#7c3aed;border-color:#7c3aed}.wrap .status-tab.active-selesai{background:#059669;border-color:#059669}.wrap .status-tab .tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 5px;border-radius:9px;font-size:10.5px;font-weight:700;background:rgba(0,0,0,8%);color:var(--muted)}.wrap .status-tab.active .tab-count{background:rgba(255,255,255,.25);color:#fff}.wrap .filterbar{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap;align-items:center}.wrap .search{flex:1 1 160px;position:relative}.wrap .search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:13px;height:13px;color:#9ca3af}.wrap .search input{width:100%;padding:7px 10px 7px 30px;border:1px solid var(--line);border-radius:9px;font-size:13px;font-family:inherit;background:var(--card);color:var(--ink);outline:none;transition:.15s;height:34px}.wrap .search input:focus{border-color:#9ca3af;box-shadow:0 0 0 3px rgba(107,114,128,8%)}.wrap select{padding:7px 10px;border:1px solid var(--line);border-radius:9px;font-size:13px;font-family:inherit;background:var(--card);color:var(--ink);cursor:pointer;outline:none;max-width:190px;height:34px}.wrap select:focus{border-color:#9ca3af;box-shadow:0 0 0 3px rgba(107,114,128,8%)}.wrap .view-toggle{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;flex:none;margin-left:auto;height:34px}.wrap .view-toggle button{border:none;background:var(--card);color:var(--muted);padding:0 14px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:.12s}.wrap .view-toggle button+button{border-left:1px solid var(--line)}.wrap .view-toggle button.active{background:var(--ink);color:#fff}.wrap .summary-line{font-size:12px;color:var(--muted);margin-bottom:10px}.wrap .summary-line b{color:var(--ink);font-weight:700}.wrap mark{background:#fef08a;color:inherit;border-radius:2px;padding:0 1px}.wrap .warn-banner{font-size:12px;color:var(--amber);background:var(--amber-soft);border:1px solid #fde68a;border-radius:9px;padding:8px 12px;margin-bottom:10px}.wrap .warn-banner b{font-weight:700}.wrap .badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.wrap .badge::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.wrap .badge.confirm{background:var(--amber-soft);color:var(--amber)}.wrap .badge.hold{background:#fff7ed;color:#ea580c}.wrap .badge.prep{background:var(--blue-soft);color:var(--blue)}.wrap .badge.running{background:#ecfeff;color:#0891b2}.wrap .badge.qc{background:#eef2ff;color:#4f46e5}.wrap .badge.rej{background:var(--red-soft);color:var(--red)}.wrap .badge.err{background:var(--red-soft);color:var(--red)}.wrap .badge.acc{background:var(--violet-soft);color:var(--violet)}.wrap .badge.schedpro{background:#f0e6ff;color:#6b21a8}.wrap .badge.sched{background:#fdf4ff;color:#c026d3}.wrap .badge.soc{background:#e0f2fe;color:#0ea5e9}.wrap .badge.done{background:var(--accent-soft);color:var(--accent)}.wrap .badge.none{background:var(--slate-soft);color:var(--slate)}.wrap .badge.pen{background:var(--amber-soft);color:var(--amber)}.wrap .cardlist{display:flex;flex-direction:column;gap:10px}.wrap .card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:.12s;overflow:hidden;cursor:pointer}.wrap .card:hover{border-color:#d1d5db}.wrap .card.expanded{border-color:#bfdbfe}.wrap .card-row{display:flex;align-items:center;gap:12px;padding:11px 14px}.wrap .card-main{flex:1;min-width:0}.wrap .line1{display:flex;align-items:baseline;gap:8px;min-width:0}.wrap .cid{font-size:11px;font-weight:700;color:#64748b;letter-spacing:.02em;flex:none;font-variant-numeric:tabular-nums}.wrap .pname{font-weight:700;font-size:13.5px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wrap .dup-flag{font-size:9.5px;font-weight:800;color:var(--red);background:var(--red-soft);padding:1px 6px;border-radius:999px;white-space:nowrap;cursor:help;vertical-align:1px}.wrap .line2{display:flex;align-items:center;gap:6px;margin-top:2px;min-width:0}.wrap .pic{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wrap .cattext{font-weight:700}.wrap .cattext.riset{color:#0f766e}.wrap .cattext.ops{color:#4f46e5}.wrap .lead-name{color:var(--ink);font-weight:600}.wrap .dl{font-size:12px;color:var(--muted);white-space:nowrap;flex:none;font-variant-numeric:tabular-nums}.wrap .dl b{font-weight:700;color:var(--ink)}.wrap .dl .sep{color:#d1d5db;margin:0 3px}.wrap .dl-none{color:#9ca3af;font-style:italic;font-weight:500}.wrap .warn-flag{color:var(--amber);cursor:help;font-size:11px}.wrap .chev{color:#d1d5db;transition:transform .18s;flex:none;display:flex;align-items:center}.wrap .card.expanded .chev{transform:rotate(90deg);color:#2563eb}.wrap .detail{display:none;border-top:1px dashed var(--line);background:#fbfcfd;padding:13px 16px}.wrap .card.expanded .detail{display:block}.wrap .detail-cols{display:grid;grid-template-columns:1fr 1fr;gap:6px 32px;align-items:start}.wrap .dl-col{min-width:0}.wrap .dl-list{display:flex;flex-direction:column}.wrap .dl-row{display:flex;gap:8px;padding:6px 2px;border-bottom:1px solid #f1f5f9;align-items:baseline}.wrap .dl-row:last-child{border-bottom:none}.wrap .dl-row .k{flex:none;width:112px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;padding-top:1px}.wrap .dl-row .v{flex:1;font-size:12.5px;word-break:break-word}.wrap .dl-row .v a{color:#2563eb;font-weight:600;text-decoration:none}.wrap .dl-row .v a:hover{text-decoration:underline}.wrap .v-link{color:#2563eb;font-weight:700;text-decoration:underline;text-underline-offset:2px}.wrap .v-link:hover{color:#1d4ed8}.wrap .dl-btn{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;padding:4px 10px;border-radius:8px;text-decoration:none}.wrap .dl-btn:hover{background:#dbeafe}.wrap .link{display:inline-flex;align-items:center;gap:5px;text-decoration:none;font-size:11.5px;font-weight:600;color:#2563eb;background:#eff6ff;padding:4px 9px;border-radius:7px;transition:.15s;white-space:nowrap}.wrap .link:hover{background:#dbeafe}.wrap .link svg{width:10px;height:10px}.wrap .tl{margin-top:12px;border-top:1px dashed var(--line)}.wrap .tl-head{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#9ca3af;padding:11px 0 0;user-select:none}.wrap .tl-head::-webkit-details-marker{display:none}.wrap .tl-head .chev{margin-left:auto;display:flex;transition:transform .18s;color:#cbd5e1}.wrap .tl[open] .tl-head .chev{transform:rotate(90deg);color:#2563eb}.wrap .tl-items{display:flex;flex-wrap:wrap;gap:10px;padding-top:10px}.wrap .tl:not([open]) .tl-items{display:none}.wrap .tl-item{position:relative;flex:1 1 170px;max-width:250px;min-width:150px;border:1px solid var(--line);border-radius:10px;background:var(--card);padding:9px 12px}.wrap .tl-item.rej{border-color:#fecaca;background:var(--red-soft)}.wrap .tl-item.acc{border-color:#a7f3d0}.wrap .tl-item.pen{border-color:#fde68a}.wrap .tl-time{font-size:10.5px;color:#9ca3af;font-weight:600}.wrap .tl-who{font-size:12px;font-weight:600}.wrap .tl-row{display:flex;align-items:center;gap:7px;margin-top:4px;flex-wrap:wrap}.wrap .tl-extra{font-size:11px;color:var(--muted)}.wrap .tbl-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.wrap .tbl-scroll{overflow-x:auto}.wrap table.view-table{width:100%;border-collapse:collapse;min-width:640px}.wrap .view-table thead th{text-align:left;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#9ca3af;background:#fafafa;padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.wrap .view-table tbody td{padding:10px 14px;border-bottom:1px solid #f3f4f6;vertical-align:top}.wrap .view-table tbody tr.vrow{cursor:pointer}.wrap .view-table tbody tr.vrow:hover{background:#fafafa}.wrap .view-table tr.vdetail{display:none;background:#fbfcfd}.wrap .view-table tr.vdetail.open{display:table-row}.wrap .view-table tr.vdetail td{padding:12px 14px;border-bottom:none}.wrap .v-id{font-weight:700;font-size:12px;color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums}.wrap .v-name{font-weight:600;font-size:13px}.wrap .v-pic{font-size:12.5px;white-space:nowrap}.wrap .v-dl{font-size:12.5px;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--muted)}.wrap .view-table .chev{color:#d1d5db}.wrap .vrow.expanded .chev{transform:rotate(90deg);color:#2563eb}.wrap .vrow.expanded{background:#f8fafc}.wrap .pager{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;flex-wrap:wrap}.wrap .pager button{border:1px solid var(--line);background:var(--card);color:var(--ink);min-width:32px;height:32px;padding:0 10px;border-radius:9px;font-size:12.5px;font-weight:600;cursor:pointer;transition:.12s;font-family:inherit}.wrap .pager button:hover:not(:disabled){border-color:#d1d5db;background:#fafafa}.wrap .pager button:disabled{opacity:.4;cursor:default}.wrap .pager button.cur{background:var(--ink);border-color:var(--ink);color:#fff}.wrap .pager .pg-info{font-size:12px;color:var(--muted);margin:0 4px;white-space:nowrap}.wrap .pager svg{width:12px;height:12px;vertical-align:-1px}.wrap .empty{padding:44px 16px;text-align:center;color:var(--muted)}.wrap .empty .big{font-size:32px;margin-bottom:6px}.wrap .empty p{font-size:13px}.wrap .error-state{padding:44px 16px;text-align:center}.wrap .error-state .big{font-size:32px;margin-bottom:6px}.wrap .error-state p{color:var(--muted);margin-bottom:12px;font-size:13px}.wrap .footer{margin-top:14px;color:var(--muted);font-size:11.5px;text-align:center}.wrap .footer a{color:var(--muted)}@media(max-width:600px){.wrap{padding:16px 12px 40px}.wrap header{flex-wrap:wrap;gap:8px}.wrap .brand{flex:1 1 100%;min-width:0}.wrap .header-actions{flex:1 1 100%;justify-content:flex-end}.wrap .updated{display:none}.wrap .access-note{display:none}.wrap .btn-add{padding:6px 12px;font-size:12px;gap:6px}.wrap .btn-add svg{width:11px;height:11px}.wrap .btn{padding:6px 10px;font-size:12px}.wrap .btn svg{width:11px;height:11px}.wrap .header-actions{gap:6px;flex-wrap:wrap}.wrap .line1{flex-wrap:wrap}.wrap .pname{white-space:normal;flex:1 1 100%}.wrap .line2{flex-wrap:wrap}.wrap .pic{white-space:normal;flex:1 1 100%}.wrap .dl{flex:none}.wrap .detail-cols{grid-template-columns:1fr}.wrap .dl-row .k{width:92px;font-size:8.5px}.wrap .view-table .v-pic,.wrap .view-table th:nth-child(3),.wrap .view-table td:nth-child(3),.wrap .view-table .chev,.wrap .view-table th:nth-child(5),.wrap .view-table td:nth-child(5),.wrap .view-table th:last-child,.wrap .view-table td:last-child{display:none}}