*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;--bg-primary: #121416;--bg-surface: #181a1d;--bg-card: #1e2124;--bg-card-hover: #24282c;--bg-input: #24282c;--border: rgba(255,255,255,.08);--border-hover: rgba(255,255,255,.16);--text: #e8eaed;--text-secondary:#a9b0b9;--text-muted: #8b929b;--accent: #0fc1bd;--accent-hover: #3dd6d2;--accent-glow: rgba(15,193,189,.25);--accent-subtle: rgba(15,193,189,.13);--accent-light: #3dd6d2;--on-accent: #08302f;--cyan: #22b8d6;--cyan-subtle: rgba(34,184,214,.13);--green: #10b981;--green-subtle: rgba(16,185,129,.13);--amber: #f59e0b;--amber-subtle: rgba(245,158,11,.13);--red: #ef4444;--red-subtle: rgba(239,68,68,.13);--pink: #ec4899;--pink-subtle: rgba(236,72,153,.13);--hover-overlay: rgba(255,255,255,.05);--hover-strong: rgba(255,255,255,.08);--track: rgba(255,255,255,.08);--backdrop: rgba(0,0,0,.6);--sidebar-w: 256px;--header-h: 64px;--radius: 12px;--radius-sm: 8px;--radius-xs: 6px;--shadow: 0 4px 24px rgba(0,0,0,.35);--shadow-sm: 0 2px 10px rgba(0,0,0,.25)}:root[data-theme=light]{color-scheme:light;--bg-primary: #f7f7f7;--bg-surface: #f1f2f3;--bg-card: #ffffff;--bg-card-hover: #fafafa;--bg-input: #ffffff;--border: #e5e7ea;--border-hover: #cdd1d6;--text: #3c3c3c;--text-secondary:#5b6168;--text-muted: #6b7280;--accent: #0fc1bd;--accent-hover: #0cadaa;--accent-glow: rgba(15,193,189,.22);--accent-subtle: rgba(15,193,189,.12);--accent-light: #087f7c;--on-accent: #08302f;--cyan: #0e7fa0;--cyan-subtle: rgba(14,127,160,.1);--green: #0e8a5f;--green-subtle: rgba(14,138,95,.1);--amber: #b45f06;--amber-subtle: rgba(180,95,6,.1);--red: #d23a3a;--red-subtle: rgba(210,58,58,.09);--pink: #c0266e;--pink-subtle: rgba(192,38,110,.09);--hover-overlay: rgba(0,0,0,.035);--hover-strong: rgba(0,0,0,.06);--track: #e9ebee;--backdrop: rgba(20,24,28,.35);--shadow: 0 4px 20px rgba(17,24,39,.08);--shadow-sm: 0 1px 6px rgba(17,24,39,.06)}:root{--seri-1: #3987e5;--seri-2: #d95926;--seri-3: #199e70;--seri-4: #c98500;--nada-ok: var(--green);--nada-warn: var(--amber);--nada-bad: var(--red)}:root[data-theme=light]{--seri-1: #2a78d6;--seri-2: #eb6834;--seri-3: #1baf7a;--seri-4: #eda100}html,body,#root{height:100%;font-family:Inter,system-ui,sans-serif;background:var(--bg-primary);color:var(--text);-webkit-font-smoothing:antialiased}button,select,input,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}.redup{color:var(--text-muted)}.kecil{font-size:12px}.tengah{text-align:center;padding:60px 0}.logo{font-weight:800;font-size:17px;display:flex;align-items:center;gap:8px}.logo span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--accent);color:var(--on-accent)}.btn{padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-hover);background:var(--bg-card);font-weight:600;font-size:13px}.btn:hover{background:var(--hover-strong)}.btn.utama{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.utama:hover{background:var(--accent-hover)}.btn.kecil{padding:5px 10px;font-size:12px}.btn:disabled{opacity:.55;cursor:default}.galat{color:var(--red);background:var(--red-subtle);padding:8px 12px;border-radius:var(--radius-sm);font-size:13px}.galat.blok{margin:16px 0}.kosong{color:var(--text-muted);font-size:13px;padding:14px;text-align:center;border:1px dashed var(--border-hover);border-radius:var(--radius-sm)}input,select,textarea{width:100%;padding:9px 11px;border-radius:var(--radius-sm);border:1px solid var(--border-hover);background:var(--bg-input);font-size:13.5px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-glow);border-color:var(--accent)}label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.login-bg{min-height:100%;display:grid;place-items:center;padding:16px}.login-kartu{width:100%;max-width:380px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);display:flex;flex-direction:column}.login-kartu .logo{margin-bottom:4px}.login-kartu p{margin-bottom:18px}.login-kartu .btn{margin:4px 0 12px;padding:10px}.app{min-height:100%;display:flex}.sisi{width:224px;flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border);padding:16px 12px;display:flex;flex-direction:column;gap:14px;position:sticky;top:0;height:100vh;overflow-y:auto}.sisi .pilih-studio{font-weight:600}.sisi-studio{margin:0}.menu{display:flex;flex-direction:column;gap:2px}.menu button{text-align:left;padding:9px 12px;border-radius:var(--radius-sm);font-weight:600;font-size:13.5px;color:var(--text-secondary)}.menu button:hover{background:var(--hover-overlay)}.menu button.aktif{background:var(--accent-subtle);color:var(--accent-light)}.sisi-bawah{display:flex;flex-direction:column;gap:8px;align-items:stretch}.sisi-bawah .nama{white-space:normal;padding:0 2px}.isi{flex:1;min-width:0;display:flex;flex-direction:column}.bar-ponsel,.sisi-latar{display:none}.spasi{flex:1}.nama{white-space:nowrap}.tab{display:flex;gap:4px}main{padding:18px 20px 40px;flex:1;min-width:0}.ringkasan{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}.stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;display:flex;flex-direction:column;gap:3px}.stat b{font-size:17px}.stat.progres .bar{height:7px;border-radius:4px;background:var(--track);overflow:hidden}.stat.progres .bar i{display:block;height:100%;background:var(--accent);border-radius:4px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.cari{max-width:320px}.papan{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px;align-items:flex-start}.kolom{flex:0 0 272px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px;max-height:calc(100vh - 250px);display:flex;flex-direction:column}.kolom header{display:flex;justify-content:space-between;align-items:center;padding:2px 4px}.kolom .sub{padding:0 4px 8px}.hitung{background:var(--hover-strong);border-radius:10px;padding:1px 9px;font-size:12px;font-weight:700}.isi-kolom{overflow-y:auto;display:flex;flex-direction:column;gap:8px}.jenis-MASUK header b{color:var(--cyan)}.jenis-KERJA header b{color:var(--accent-light)}.jenis-PREVIEW header b{color:var(--amber)}.jenis-REVISI header b{color:var(--pink)}.jenis-HOLD header b{color:var(--text-muted)}.jenis-SELESAI header b{color:var(--green)}.kartu-order{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 11px;display:flex;flex-direction:column;gap:6px}.kartu-order:hover{border-color:var(--border-hover)}.kartu-order.telat{border-left:3px solid var(--red)}.baris-atas{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.judul-order{font-size:13.5px;line-height:1.3;word-break:break-word}.meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px}.chip{background:var(--accent-subtle);color:var(--accent-light);border-radius:10px;padding:1px 9px;font-weight:600}.tgl.merah{color:var(--red);font-weight:700}.lencana{font-size:11px;font-weight:700;padding:1px 7px;border-radius:10px;background:var(--hover-strong);color:var(--text-secondary);white-space:nowrap}.lencana.revisi{background:var(--pink-subtle);color:var(--pink)}.nilai{font-size:13px}.talent{font-size:12px;color:var(--text-secondary)}.aksi-order{display:flex;gap:6px;margin-top:2px}.aksi-order select{padding:5px 8px;font-size:12px;flex:1;min-width:0}.aksi-order .btn{white-space:nowrap}.modal-latar{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop);display:grid;place-items:center;padding:16px;z-index:20}.modal{width:100%;max-width:520px;background:var(--bg-card);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);max-height:92vh;overflow-y:auto}.modal h3{margin-bottom:12px}.dua{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-aksi{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.tab-mini{display:flex;gap:4px;margin-bottom:14px;background:var(--bg-surface);padding:3px;border-radius:var(--radius-sm);width:fit-content}.tab-mini button{padding:5px 12px;border-radius:6px;font-size:12.5px;font-weight:600;color:var(--text-secondary)}.tab-mini button.aktif{background:var(--bg-card);color:var(--text);box-shadow:var(--shadow-sm)}code{background:var(--hover-strong);padding:1px 5px;border-radius:4px;font-size:11.5px}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.panel p{margin-bottom:12px}table{width:100%;border-collapse:collapse;font-size:13.5px}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border)}th{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.kanan{text-align:right}@media (max-width: 640px){main{padding:14px 12px 40px}.kolom{flex-basis:84vw}.dua{grid-template-columns:1fr}}.judul-bagian{font-size:15px;margin-bottom:10px}.tugas{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid var(--border);flex-wrap:wrap}.tugas:last-child{border-bottom:none}.tugas.telat{border-left:3px solid var(--red);padding-left:10px}.tugas-kanan{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12.5px}.tahap-lencana{padding:2px 10px;border-radius:10px;font-weight:700;font-size:12px;background:var(--hover-strong)}.tahap-lencana.jenis-MASUK{background:var(--cyan-subtle);color:var(--cyan)}.tahap-lencana.jenis-KERJA{background:var(--accent-subtle);color:var(--accent-light)}.tahap-lencana.jenis-REVISI{background:var(--pink-subtle);color:var(--pink)}.tahap-lencana.jenis-SELESAI{background:var(--green-subtle);color:var(--green)}.chip.sub{background:var(--hover-strong);color:var(--text-secondary)}.btn.bahaya{border-color:var(--red);color:var(--red)}.menu-kartu{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px dashed var(--border-hover);border-radius:var(--radius-sm)}.menu-kartu select{margin-top:4px}.aksi-order{flex-wrap:wrap}.centang{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text);margin:6px 0}.centang input{width:auto}.centang.kecil{font-size:12px;margin:0;color:var(--text-secondary);white-space:nowrap}.alur-daftar{display:flex;flex-direction:column;gap:6px;margin:14px 0}.alur-baris{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);flex-wrap:wrap}.alur-baris.gerbang{margin-left:22px;background:transparent}.alur-baris input:not([type=checkbox]){flex:1 1 160px;min-width:120px;padding:6px 9px}.alur-baris input[type=checkbox]{width:auto;flex:none;padding:0}.alur-baris .tahap-lencana{min-width:98px;text-align:center}.alur-aksi{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.alur-preset{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.alur-preset .btn{text-align:left}.ok-info{color:var(--green);background:var(--green-subtle);padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;margin-top:10px}.tahap-lencana.jenis-QC{background:var(--cyan-subtle);color:var(--cyan)}.tahap-lencana.jenis-HOLD{background:var(--hover-strong)}.tahap-lencana.jenis-PREVIEW{background:var(--amber-subtle);color:var(--amber)}.jenis-QC header b,.tahap-lencana.jenis-QC{color:var(--cyan)}.jenis-PREVIEW_KLIEN header b{color:var(--amber)}.jenis-REVISI_INTERNAL header b,.jenis-REVISI_KLIEN header b{color:var(--pink)}.tahap-lencana.jenis-PREVIEW_KLIEN{background:var(--amber-subtle);color:var(--amber)}.tahap-lencana.jenis-REVISI_INTERNAL,.tahap-lencana.jenis-REVISI_KLIEN{background:var(--pink-subtle);color:var(--pink)}.tahap-lencana.jenis-HOLD{background:var(--hover-strong);color:var(--text-muted)}.tim-ringkas{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0;font-size:13.5px}.tim-daftar{display:flex;flex-direction:column;gap:8px}.tim-baris{display:grid;grid-template-columns:minmax(150px,1fr) minmax(220px,2fr) auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface)}.tim-baris.st-tebakan{border-style:dashed;border-color:var(--amber)}.tim-baris.st-kosong{border-color:var(--red)}.tim-baris.st-ok{border-color:var(--green)}.chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.chips.bidang{margin-top:8px}.pilih{padding:5px 12px;border-radius:14px;border:1px solid var(--border-hover);font-size:12.5px;font-weight:600;color:var(--text-secondary);background:transparent}.pilih.kecil{padding:3px 9px;font-size:11.5px}.pilih.aktif{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.tim-aksi{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.status-tim{font-size:11.5px;font-weight:700}.status-tim.ok{color:var(--green)}.status-tim.tebakan{color:var(--amber)}.status-tim.kosong{color:var(--red)}.status-tim.diubah{color:var(--accent-light)}@media (max-width: 720px){.tim-baris{grid-template-columns:1fr}.tim-aksi{flex-direction:row;align-items:center;justify-content:space-between}}.fase-antrian header b{color:var(--text-secondary)}.fase-produksi header b{color:var(--accent-light)}.fase-qc header b{color:var(--amber)}.fase-revisi header b{color:var(--red)}.fase-klien header b{color:var(--pink)}.fase-finalisasi header b{color:var(--cyan)}.fase-delivery header b{color:var(--green)}.fase-hold header b{color:var(--text-muted)}.fase-selesai header b{color:var(--green)}.tahap-lencana.jenis-MENUNGGU_KLIEN{background:var(--amber-subtle);color:var(--amber)}.tahap-lencana.jenis-DELIVERY,.tahap-lencana.jenis-FINALISASI{background:var(--green-subtle);color:var(--green)}.subtab{display:flex;gap:4px;align-items:center;margin-bottom:14px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:8px}.subtab button{padding:6px 12px;border-radius:var(--radius-sm);font-weight:600;font-size:13px;color:var(--text-secondary)}.subtab button.aktif{background:var(--accent-subtle);color:var(--accent-light)}.modal.lebar{max-width:640px}.aktivitas-form{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;margin-bottom:10px;background:var(--bg-surface)}.galat-f{color:var(--red);font-size:11.5px;font-style:normal;font-weight:500}.tugas.selesai strong,.tugas.selesai>label.centang span{text-decoration:line-through;color:var(--text-muted)}.tautan-k{color:var(--accent-light);font-size:12.5px;font-weight:600}.kartu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.kartu-akun h4{font-size:14px}.kpi{margin:9px 0}.kpi-atas{display:flex;align-items:center;gap:8px;justify-content:space-between;font-size:13px}.kpi .bar,.bar.tinggi{height:8px;border-radius:4px;background:var(--track);overflow:hidden;margin-top:4px;position:relative}.kpi .bar i{display:block;height:100%;background:var(--accent)}.kpi .bar i.penuh{background:var(--green)}.empat{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media (max-width: 640px){.empat{grid-template-columns:1fr 1fr}}.corong{display:flex;flex-direction:column;gap:10px;margin-top:10px}.corong-baris{display:grid;grid-template-columns:190px 1fr 56px;gap:12px;align-items:center}.corong-label{display:flex;flex-direction:column;font-size:13px}.bar.tinggi{height:24px;border-radius:6px;margin:0}.bar.tinggi i{display:block;height:100%;background:var(--accent);border-radius:6px}.bar.tinggi span{position:absolute;left:10px;top:3px;font-size:12px;font-weight:700;color:var(--on-accent)}.corong-laju{font-size:12px;font-weight:700;color:var(--accent-light);text-align:right}.grafik{display:flex;align-items:flex-end;gap:3px;height:130px;margin-top:12px}.grafik-kolom{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;font-size:10px;color:var(--text-muted);gap:3px}.grafik-isi{width:100%;background:var(--accent);border-radius:3px 3px 0 0;min-height:2px}@media (max-width: 640px){.corong-baris{grid-template-columns:1fr;gap:4px}.corong-laju{text-align:left}}@media (max-width: 860px){.app{flex-direction:column}.bar-ponsel{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.sisi{position:fixed;left:0;top:0;bottom:0;z-index:30;transform:translate(-100%);transition:transform .2s;box-shadow:var(--shadow)}.sisi.buka{transform:none}.sisi-latar{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop);z-index:25}}.gf-batang{display:flex;flex-direction:column;gap:8px}.gf-baris{display:grid;grid-template-columns:96px 1fr 44px auto;gap:10px;align-items:center;font-size:13px}.gf-label{color:var(--text-secondary)}.gf-trek{height:10px;background:var(--track);border-radius:5px;overflow:hidden}.gf-trek i{display:block;height:100%;border-radius:0 5px 5px 0;min-width:2px}.gf-nilai{text-align:right}.gf-tren{position:relative}.gf-kepala{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:10px;flex-wrap:wrap}.gf-legenda{display:flex;gap:14px;font-size:12.5px;color:var(--text-secondary);flex-wrap:wrap}.gf-legenda span,.gf-tip span{display:inline-flex;align-items:center;gap:6px}.gf-legenda i,.gf-tip i{display:inline-block;width:10px;height:10px;border-radius:3px}.gf-svg{width:100%;height:auto;display:block}.gf-grid{stroke:var(--border);stroke-width:1}.gf-teks{fill:var(--text-muted);font-size:11px}.gf-kursor{stroke:var(--text-muted);stroke-width:1;stroke-dasharray:3 3}.gf-tip{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;margin-top:6px;padding:6px 10px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.nada-ok{color:var(--nada-ok)}.nada-warn{color:var(--nada-warn)}.nada-bad{color:var(--nada-bad);font-weight:700}@media (max-width: 640px){.gf-baris{grid-template-columns:80px 1fr 36px}.gf-ket{display:none}}