:root{color-scheme:dark;--bg-primary: #1e1e1e;--bg-secondary: #161616;--bg-hover: #262626;--border: #333333;--text: #dcddde;--text-muted: #999999;--accent: #7f6df2;--accent-lembut: rgba(127, 109, 242, .18);--on-accent: #ffffff;--ok: #4caf79;--warn: #e0a526;--danger: #e06c6c;--ok-lembut: rgba(76, 175, 121, .16);--warn-lembut: rgba(224, 165, 38, .16);--danger-lembut: rgba(224, 108, 108, .16);--jarak-1: 4px;--jarak-2: 8px;--jarak-3: 12px;--jarak-4: 16px;--jarak-5: 24px;--jarak-6: 32px;--radius: 6px;--sentuh: 44px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ukuran-dasar: 16px;--ukuran-kecil: 13px;--ukuran-judul: 28px;--ukuran-bagian: 18px;--lebar-sidebar: 240px;--lebar-sidebar-lipat: 48px;--lebar-isi: 760px;--lebar-panel-kanan: 300px;--tinggi-nav-bawah: 60px;--transisi: .16s ease}:root[data-tema=terang]{color-scheme:light;--bg-primary: #ffffff;--bg-secondary: #f5f6f8;--bg-hover: #e9eaee;--border: #dcdde1;--text: #222222;--text-muted: #6b6f76;--accent: #5b4ed6;--accent-lembut: rgba(91, 78, 214, .12);--on-accent: #ffffff;--ok: #2e8b57;--warn: #b8860b;--danger: #c0392b;--ok-lembut: rgba(46, 139, 87, .12);--warn-lembut: rgba(184, 134, 11, .14);--danger-lembut: rgba(192, 57, 43, .12)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-primary);color:var(--text);font-family:var(--font);font-size:var(--ukuran-dasar);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,p{margin:0}h1{font-size:var(--ukuran-judul);font-weight:600;line-height:1.2;letter-spacing:-.01em}h2{font-size:var(--ukuran-bagian);font-weight:600}a{color:var(--accent)}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.angka{font-variant-numeric:tabular-nums}.redup{color:var(--text-muted)}.kecil{font-size:var(--ukuran-kecil)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tombol{display:inline-flex;align-items:center;justify-content:center;gap:var(--jarak-2);min-height:var(--sentuh);padding:0 var(--jarak-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);color:var(--text);cursor:pointer;font-weight:500;transition:background var(--transisi),border-color var(--transisi),color var(--transisi),opacity var(--transisi);text-decoration:none}.tombol:hover{background:var(--bg-hover)}.tombol:disabled{opacity:.55;cursor:not-allowed}.tombol--utama{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.tombol--utama:hover{filter:brightness(1.08);background:var(--accent)}.tombol--bahaya{color:var(--danger);border-color:var(--danger)}.tombol--polos{background:transparent;border-color:transparent}.tombol--polos:hover{background:var(--bg-hover)}.tombol--ikon{width:var(--sentuh);padding:0}.kolom{display:flex;flex-direction:column;gap:var(--jarak-1)}.kolom__label{font-size:var(--ukuran-kecil);font-weight:500;color:var(--text-muted)}.input{width:100%;min-height:var(--sentuh);padding:var(--jarak-2) var(--jarak-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-primary);color:var(--text);transition:border-color var(--transisi)}.input:focus{border-color:var(--accent);outline:none}.input--galat{border-color:var(--danger)}textarea.input{resize:vertical;line-height:1.5}.kolom__galat{color:var(--danger);font-size:var(--ukuran-kecil)}.kolom__bantuan{color:var(--text-muted);font-size:var(--ukuran-kecil)}.galat-blok{padding:var(--jarak-3) var(--jarak-4);border:1px solid var(--danger);border-radius:var(--radius);background:var(--danger-lembut);color:var(--text);display:flex;flex-wrap:wrap;gap:var(--jarak-3);align-items:center;justify-content:space-between}.badge{display:inline-flex;align-items:center;gap:var(--jarak-1);padding:2px var(--jarak-2);border-radius:999px;font-size:var(--ukuran-kecil);font-weight:500;white-space:nowrap;line-height:1.4}.badge--ok{color:var(--ok);background:var(--ok-lembut)}.badge--warn{color:var(--warn);background:var(--warn-lembut)}.badge--danger{color:var(--danger);background:var(--danger-lembut)}.badge--muted{color:var(--text-muted);background:var(--bg-hover)}.spanduk{display:flex;align-items:center;gap:var(--jarak-3);padding:var(--jarak-3) var(--jarak-4);border-left:3px solid var(--warn);border-radius:var(--radius);background:var(--warn-lembut)}.spanduk--danger{border-left-color:var(--danger);background:var(--danger-lembut)}.spanduk--info{border-left-color:var(--accent);background:var(--accent-lembut)}.spanduk__teks{flex:1}.kartu{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);padding:var(--jarak-4)}.tumpuk{display:flex;flex-direction:column;gap:var(--jarak-4)}.baris{display:flex;align-items:center;gap:var(--jarak-3)}.baris--pisah{justify-content:space-between}.daftar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.daftar__item{display:flex;align-items:center;gap:var(--jarak-3);min-height:var(--sentuh);padding:var(--jarak-2) var(--jarak-3);border-bottom:1px solid var(--border);cursor:pointer;background:transparent;border-left:3px solid transparent;text-align:left;width:100%;border-top:0;border-right:0;transition:background var(--transisi)}.daftar__item:hover{background:var(--bg-hover)}.daftar__item--aktif{background:var(--bg-hover);border-left-color:var(--accent)}.daftar__item--danger{border-left-color:var(--danger)}.dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-primary);color:var(--text);padding:var(--jarak-5);width:min(480px,calc(100vw - 2 * var(--jarak-4)));max-height:calc(100vh - 2 * var(--jarak-4))}.dialog::backdrop{background:#0000008c}details.lipat>summary{cursor:pointer;list-style:none;color:var(--text-muted);font-size:var(--ukuran-kecil);font-weight:500;min-height:var(--sentuh);display:flex;align-items:center;gap:var(--jarak-2)}details.lipat>summary::-webkit-details-marker{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}@keyframes berputar{to{transform:rotate(360deg)}}.berputar{animation:berputar .9s linear infinite}.baris-kegiatan{display:flex;flex-direction:column;gap:var(--jarak-2);padding:var(--jarak-3) 0;border-bottom:1px solid var(--border)}.baris-kegiatan__teks{min-height:var(--sentuh);overflow:hidden;resize:none}.baris-kegiatan__status{display:flex;flex-wrap:wrap;gap:var(--jarak-2);align-items:center}.status-pilih{display:inline-flex;align-items:center;gap:var(--jarak-1);min-height:36px;padding:0 var(--jarak-3);border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:var(--ukuran-kecil);font-weight:500;transition:background var(--transisi),color var(--transisi),border-color var(--transisi)}.status-pilih:hover{background:var(--bg-hover)}.status-pilih--aktif.status-pilih--ok{color:var(--ok);border-color:var(--ok);background:var(--ok-lembut)}.status-pilih--aktif.status-pilih--warn{color:var(--warn);border-color:var(--warn);background:var(--warn-lembut)}.status-pilih--aktif.status-pilih--danger{color:var(--danger);border-color:var(--danger);background:var(--danger-lembut)}.baris-kegiatan__hapus{margin-left:auto;color:var(--text-muted)}@media(min-width:768px){.baris-kegiatan{flex-direction:row;align-items:flex-start}.baris-kegiatan__teks{flex:1}.baris-kegiatan__status{flex:none;padding-top:4px}}.palet{width:min(560px,calc(100vw - 2 * var(--jarak-4)));padding:var(--jarak-2);margin-top:10vh}.palet__input{display:flex;align-items:center;gap:var(--jarak-2);padding:0 var(--jarak-2);color:var(--text-muted)}.palet__input .input{border:0;font-size:var(--ukuran-bagian)}.palet__kelompok h2{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:var(--jarak-2) var(--jarak-3) var(--jarak-1)}.palet .daftar__item{border-bottom:0;border-radius:var(--radius);min-height:40px}.tab-daftar{display:flex;gap:var(--jarak-1);border-bottom:1px solid var(--border);overflow-x:auto}.tab{min-height:var(--sentuh);padding:0 var(--jarak-3);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;font-weight:500;white-space:nowrap;transition:color var(--transisi),border-color var(--transisi)}.tab:hover{color:var(--text)}.tab--aktif{color:var(--text);border-bottom-color:var(--accent)}.tab__jumlah{margin-left:var(--jarak-1);font-size:var(--ukuran-kecil);color:var(--text-muted)}.baris-tl{display:grid;grid-template-columns:1fr;gap:var(--jarak-2);padding:var(--jarak-3) 0;border-bottom:1px solid var(--border)}@media(min-width:768px){.baris-tl{grid-template-columns:2fr 1.4fr 1fr auto auto;align-items:end}}.notulen-baca{white-space:pre-wrap;line-height:1.6}.info-meeting{display:grid;grid-template-columns:max-content 1fr;gap:var(--jarak-1) var(--jarak-3);margin:0}.info-meeting dt{color:var(--text-muted);font-size:var(--ukuran-kecil)}.info-meeting dd{margin:0}.kartu-target__judul{font-size:var(--ukuran-bagian);font-weight:600;margin:0}.kartu-target--redup{opacity:.65}.baris-mingguan{display:grid;grid-template-columns:1fr auto;gap:var(--jarak-1) var(--jarak-3);align-items:center;padding:var(--jarak-2) 0;border-bottom:1px solid var(--border)}.baris-mingguan__minggu{grid-column:1 / -1}@media(min-width:768px){.baris-mingguan{grid-template-columns:9rem 1fr auto auto}.baris-mingguan__minggu{grid-column:auto}}.baris-review{padding:var(--jarak-3) 0;border-bottom:1px solid var(--border)}.pilih-centang{min-height:var(--sentuh);cursor:pointer}.pilih-centang input{width:20px;height:20px;accent-color:var(--accent)}.kolom-minggu{border:0;padding:0;margin:0}.pilih-hasil{width:auto;min-width:9rem}.baris-kegiatan__tautan{display:inline-flex;align-items:center;gap:var(--jarak-1);align-self:flex-start;padding:0 0 0 var(--jarak-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted)}.tombol--aktif{color:var(--accent)}.daftar__item--aktif{background:var(--bg-hover)}.daftar__item--warn{border-left-color:var(--warn)}.tata{display:grid;grid-template-columns:var(--lebar-sidebar) 1fr;min-height:100%}.tata--lipat{grid-template-columns:var(--lebar-sidebar-lipat) 1fr}.tata--dengan-kanan{grid-template-columns:var(--lebar-sidebar) 1fr var(--lebar-panel-kanan)}.tata--lipat.tata--dengan-kanan{grid-template-columns:var(--lebar-sidebar-lipat) 1fr var(--lebar-panel-kanan)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--bg-secondary);border-right:1px solid var(--border);padding:var(--jarak-3) var(--jarak-2);gap:var(--jarak-2);overflow:hidden}.sidebar__kepala{display:flex;align-items:center;justify-content:space-between;gap:var(--jarak-2);padding:0 var(--jarak-2);min-height:var(--sentuh)}.sidebar__merek{font-weight:600;white-space:nowrap}.sidebar__nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar__item{display:flex;align-items:center;gap:var(--jarak-3);min-height:var(--sentuh);padding:0 var(--jarak-3);border-radius:var(--radius);border-left:3px solid transparent;color:var(--text);text-decoration:none;white-space:nowrap;transition:background var(--transisi)}.sidebar__item:hover{background:var(--bg-hover)}.sidebar__item--aktif{background:var(--bg-hover);border-left-color:var(--accent)}.sidebar__item[aria-disabled=true]{color:var(--text-muted);cursor:default}.sidebar__item svg{flex:none}.tata--lipat .sidebar__label,.tata--lipat .sidebar__merek,.tata--lipat .sidebar__kaki-teks{display:none}.tata--lipat .sidebar__item{justify-content:center;padding:0}.sidebar__kaki{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--border);padding-top:var(--jarak-2)}.tengah{min-width:0;padding:var(--jarak-6) var(--jarak-5)}.tengah__isi{max-width:var(--lebar-isi);display:flex;flex-direction:column;gap:var(--jarak-5)}.panel-kanan{position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--bg-secondary);border-left:1px solid var(--border);padding:var(--jarak-4);display:flex;flex-direction:column;gap:var(--jarak-4)}.panel-kanan h2{font-size:var(--ukuran-kecil);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.nav-bawah,.kepala-hp{display:none}@media(max-width:1023px){.tata,.tata--dengan-kanan,.tata--lipat.tata--dengan-kanan{grid-template-columns:var(--lebar-sidebar-lipat) 1fr}.sidebar__label,.sidebar__merek,.sidebar__kaki-teks,.sidebar__lipat{display:none}.sidebar__item{justify-content:center;padding:0}.panel-kanan{position:static;height:auto;border-left:0;border-top:1px solid var(--border);grid-column:2}.tengah{padding:var(--jarak-5) var(--jarak-4)}}@media(max-width:767px){.tata,.tata--dengan-kanan,.tata--lipat,.tata--lipat.tata--dengan-kanan{grid-template-columns:1fr;padding-bottom:calc(var(--tinggi-nav-bawah) + env(safe-area-inset-bottom))}.sidebar{display:none}.kepala-hp{display:flex;align-items:center;justify-content:space-between;gap:var(--jarak-2);padding:var(--jarak-2) var(--jarak-4);background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.tengah{padding:var(--jarak-4)}.panel-kanan{grid-column:1;padding:var(--jarak-4)}.nav-bawah{position:fixed;inset:auto 0 0 0;z-index:10;display:grid;grid-template-columns:repeat(5,1fr);height:calc(var(--tinggi-nav-bawah) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg-secondary);border-top:1px solid var(--border)}.nav-bawah__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--sentuh);color:var(--text-muted);text-decoration:none;font-size:11px;font-weight:500}.nav-bawah__item--aktif{color:var(--accent)}.nav-bawah__item[aria-disabled=true]{opacity:.5}}.masuk{min-height:100%;display:grid;place-items:center;padding:var(--jarak-4)}.masuk__kartu{width:min(400px,100%);display:flex;flex-direction:column;gap:var(--jarak-4)}.harian{display:grid;grid-template-columns:300px minmax(0,1fr);gap:var(--jarak-5);align-items:start}.harian__kiri{position:sticky;top:var(--jarak-4)}@media(max-width:1279px){.harian{grid-template-columns:1fr}.harian__kiri{position:static}}.kalender{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);padding:var(--jarak-3)}.kalender__kepala{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--jarak-2)}.kalender__judul{font-weight:600}.kalender__grid{width:100%;border-collapse:collapse;table-layout:fixed}.kalender__hari{font-size:11px;font-weight:500;color:var(--text-muted);padding:var(--jarak-1) 0;text-align:center}.kalender__sel{padding:1px;text-align:center}.kalender__tanggal{width:100%;min-height:var(--sentuh);border:0;border-radius:var(--radius);background:transparent;color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:background var(--transisi)}.kalender__tanggal:hover:not(:disabled){background:var(--bg-hover)}.kalender__tanggal:disabled{color:var(--text-muted);opacity:.5;cursor:default}.kalender__tanggal--terpilih{background:var(--accent);color:var(--on-accent)}.kalender__tanggal--terpilih:hover:not(:disabled){background:var(--accent)}.kalender__titik{width:6px;height:6px;border-radius:50%}.kalender__titik--ok{background:var(--ok)}.kalender__titik--warn{background:var(--warn)}.kalender__titik--danger{background:var(--danger)}.daftar-staf__nama{flex:1;display:flex;flex-direction:column;min-width:0}.daftar-staf__ringkas{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}