:root{--tinta:#2b1d14;--tinta-logo:#3a2416;--kertas:#fff3e8;--panel:#fff;--garis:#f0dccb;--utama:#f97316;--utama-gelap:#ea580c;--utama-samar:#f9731621;--lembut:#7a6a5f;--galat:#b3413a;--galat-latar:#fbeceb;--galat-garis:#f0cfcc;--aman:#1d6b3a;--aman-latar:#eaf1ec;--aman-garis:#cfe0d4;--tirai:#0f172a73;--folder-teks:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--tinta:#f2e8e1;--tinta-logo:#f2e8e1;--kertas:#18120e;--panel:#221a14;--garis:#3b2d23;--utama:#fb923c;--utama-gelap:#f97316;--utama-samar:#fb923c29;--lembut:#b3a397;--galat:#f58d85;--galat-latar:#3a1d1b;--galat-garis:#5c2b28;--aman:#7fd19a;--aman-latar:#16301f;--aman-garis:#24492f;--tirai:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--kertas);min-height:100vh;color:var(--tinta);margin:0;line-height:1.5}a{color:var(--utama);text-decoration:none}h1,h2{letter-spacing:-.01em;font-family:Space Grotesk,sans-serif}.logo{width:auto;max-width:100%;display:block}.sub,.muted{color:var(--lembut)}.tengah{text-align:center;margin-top:30vh}.msg{border-radius:6px;margin-top:16px;padding:10px 12px;font-size:13px}.msg.error{background:var(--galat-latar);color:var(--galat);border:1px solid var(--galat-garis)}.msg.ok{background:var(--aman-latar);color:var(--aman);border:1px solid var(--aman-garis)}p.error{color:var(--galat);margin:0;font-size:.9rem}p.ok{color:var(--aman);margin:0;font-size:.9rem}.field{text-align:left;margin-bottom:18px}.field>label{letter-spacing:.02em;margin-bottom:6px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;display:block}input,select{border:1px solid var(--garis);background:var(--panel);width:100%;color:var(--tinta);font:inherit;border-radius:7px;padding:11px 13px;font-size:14px;transition:border-color .15s}input:focus,select:focus{border-color:var(--utama);box-shadow:0 0 0 3px var(--utama-samar);outline:none}input[type=checkbox]{width:auto}.password-wrap{position:relative}.password-wrap input{padding-right:42px}.toggle-password{width:32px;height:32px;color:var(--lembut);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.toggle-password:hover{color:var(--tinta)}.toggle-password.showing{color:var(--utama)}button{font:inherit}button.submit,.tombol.utama,.btn{background:var(--utama);color:#fff;cursor:pointer;border:none;border-radius:7px;padding:12px 18px;font-size:14px;font-weight:600;transition:background .15s;display:inline-block}button.submit{width:100%;margin-top:6px}button.submit:hover,.tombol.utama:hover,.btn:hover{background:var(--utama-gelap)}button:disabled{opacity:.6;cursor:not-allowed}.tombol.kedua{color:var(--tinta);border:1px solid var(--garis);cursor:pointer;background:0 0;border-radius:7px;padding:11px 16px;font-size:14px;font-weight:500}.tombol.kedua:hover{background:var(--kertas)}.link{color:var(--utama);cursor:pointer;background:0 0;border:0;padding:0}.danger,.danger-link{color:var(--galat)}.danger-link{cursor:pointer;background:0 0;border:none;margin-right:auto;padding:0;font-size:13px}.danger-link:hover{text-decoration:underline}.login-latar{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.login-card{background:var(--panel);border:1px solid var(--garis);text-align:center;border-radius:16px;width:100%;max-width:400px;padding:44px 36px;box-shadow:0 1px 2px #783c140d,0 20px 40px -16px #783c142e}.login-card .logo{margin:0 auto 32px}.login-card h2{margin:0 0 6px;font-size:22px}.login-card .sub{margin:0 0 32px;font-size:13px}@media (width<=480px){.login-card{padding:32px 22px}}.kepala{background:var(--panel);border-bottom:1px solid var(--garis);justify-content:space-between;align-items:center;gap:12px;padding:16px 32px;display:flex}.isi{max-width:960px;margin:48px auto;padding:0 24px}.isi h1{margin:0 0 4px;font-size:24px}.isi>.sub,.isi>p.sub{margin:0 0 32px;font-size:14px}@media (width<=640px){.kepala{padding:12px 16px}.kepala .logo{height:30px}.isi{margin:28px auto;padding:0 16px}}.akun-menu{position:relative}.akun-nama{cursor:pointer;max-width:260px;color:var(--lembut);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-family:IBM Plex Mono,monospace;font-size:14px;display:inline-flex}.akun-nama span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.akun-nama:hover,.akun-menu.buka .akun-nama{border-color:var(--garis);background:var(--kertas);color:var(--tinta)}.akun-peran{background:var(--kertas);border:1px solid var(--garis);color:var(--lembut);border-radius:999px;padding:1px 8px;font-family:Inter,sans-serif;font-size:11px;font-style:normal}.akun-panah{flex-shrink:0;transition:transform .15s}.akun-menu.buka .akun-panah{transform:rotate(180deg)}.akun-daftar{z-index:50;background:var(--panel);border:1px solid var(--garis);border-radius:10px;min-width:220px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 28px #0f172a24}.akun-menu.buka .akun-daftar{display:block}.akun-item{cursor:pointer;text-align:left;width:100%;color:var(--tinta);background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:10px;font-size:13.5px;display:flex}.akun-item svg{color:var(--lembut);flex-shrink:0}.akun-item:hover{background:var(--kertas)}.akun-keluar,.akun-keluar svg{color:var(--galat)}.box-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:14px 20px;display:grid}@media (width<=760px){.box-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=460px){.box-grid{grid-template-columns:minmax(0,1fr)}}.section-title{margin:40px 0 14px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700}.box{border:1px solid var(--garis);cursor:pointer;text-align:left;min-height:68px;color:var(--tinta);background:var(--panel);border-radius:12px;flex-direction:row;align-items:center;gap:14px;padding:0 16px;font-size:15px;transition:box-shadow .15s,border-color .15s,transform .15s,filter .15s;display:flex;position:relative}.box:not(.box-add){color:var(--folder-teks);background:linear-gradient(180deg, var(--folder-atas) 0%, var(--folder-tengah) 55%, var(--folder-bawah) 100%);border-color:var(--folder-tepi);box-shadow:inset 0 1px 0 #ffffff47, 0 3px 0 var(--folder-dasar), 0 8px 14px -6px rgba(var(--folder-bayang), .55);text-shadow:0 1px 1px #00000040}.box:not(.box-add):hover{filter:brightness(1.1);box-shadow:inset 0 1px 0 #ffffff52, 0 5px 0 var(--folder-dasar), 0 14px 20px -8px rgba(var(--folder-bayang), .6)}.box:not(.box-add):active{box-shadow:inset 0 1px 0 #fff3, 0 1px 0 var(--folder-dasar), 0 2px 4px -1px rgba(var(--folder-bayang), .5);transform:translateY(2px)}.box:focus-visible{outline:3px solid var(--utama);outline-offset:3px}.box.nonaktif{opacity:.55}.box-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.box:not(.box-add) .box-icon,.box-icon.besar{color:#fff;background:#ffffff29;box-shadow:inset 0 1px #ffffff40,0 1px 2px #00000040}.box-name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:600}.box-name small{opacity:.85;font-weight:400}.box-menu-btn{width:30px;height:30px;color:var(--folder-teks);opacity:.8;cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.box-menu-btn:hover{opacity:1;background:#ffffff26}.box-add{color:var(--lembut);background:0 0;border-style:dashed}.box-add:hover{border-color:var(--utama);color:var(--utama)}.box-add .box-icon{border:1px dashed;font-size:22px}.box-add .box-name{font-weight:500}.box.bentuk-kartu{text-align:center;flex-direction:column;justify-content:center;gap:10px;min-height:132px;padding:18px 14px}.box.bentuk-kartu .box-icon{border-radius:14px;width:52px;height:52px}.box.bentuk-kartu .box-icon svg{width:26px;height:26px}.box.bentuk-kartu .box-name{flex:none}.box.bentuk-kartu .box-menu-btn{position:absolute;top:6px;right:6px}.box.bentuk-bulat{border-radius:999px;padding:0 12px 0 10px}.box.bentuk-bulat .box-icon{border-radius:50%}.tirai{z-index:100;background:var(--tirai);justify-content:center;align-items:flex-start;padding:6vh 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.dialog{background:var(--panel);border:1px solid var(--garis);border-radius:14px;width:100%;max-width:420px;padding:26px 24px;box-shadow:0 24px 48px -16px #0f172a59}.dialog-lebar{max-width:560px}.dialog h2{margin:0 0 18px;font-size:20px}.dialog-aksi{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:22px;display:flex}.contoh-folder{background:var(--kertas);border-radius:12px;margin-bottom:18px;padding:16px}.contoh-folder .box{cursor:default;max-width:260px;margin:0 auto}.contoh-folder .box.bentuk-kartu{max-width:180px}.pilih-bentuk{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.bentuk-opsi{border:1px solid var(--garis);background:var(--panel);color:var(--tinta);cursor:pointer;border-radius:9px;flex-direction:column;align-items:center;gap:8px;padding:10px 6px;font-size:13px;display:flex}.bentuk-opsi.selected{border-color:var(--utama);box-shadow:0 0 0 2px var(--utama) inset;color:var(--utama)}.bentuk-gambar{background:var(--utama);opacity:.85;display:block}.gambar-baris{border-radius:5px;width:56px;height:20px}.gambar-kartu{border-radius:6px;width:30px;height:34px}.gambar-bulat{border-radius:999px;width:56px;height:20px}.warna-grid{flex-wrap:wrap;gap:8px;display:flex}.warna-option{cursor:pointer;border:2px solid #fff9;border-radius:8px;width:32px;height:32px}.warna-option.selected{outline:2px solid var(--utama);outline-offset:2px}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px;max-height:196px;padding:2px;display:grid;overflow-y:auto}.icon-option{border:1px solid var(--garis);background:var(--panel);height:40px;color:var(--tinta);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex}.icon-option:hover{border-color:var(--utama)}.icon-option.selected{background:var(--utama);border-color:var(--utama);color:#fff}.centang{align-items:center;gap:8px;font-size:14px;display:flex}.kembali{margin-bottom:18px;font-size:14px;display:inline-block}.judul-folder{align-items:center;gap:14px;margin-bottom:24px;display:flex}.judul-folder h1{margin:0}.box-icon.besar{background:linear-gradient(180deg, var(--folder-atas), var(--folder-bawah));border-radius:12px;width:48px;height:48px}.kosong{text-align:center;color:var(--lembut);border:1px dashed var(--garis);background:var(--panel);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:48px 16px;display:flex}.card{background:var(--panel);border:1px solid var(--garis);border-radius:12px;padding:20px}h2.sub{color:var(--tinta);margin:32px 0 12px;font-size:1.15rem}.form{flex-direction:column;gap:12px;margin-top:20px;display:flex}.form label,.form-grid label{flex-direction:column;gap:4px;font-size:.9rem;font-weight:500;display:flex}.form .btn{align-self:flex-start}.form-grid{border-top:1px solid var(--garis);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:12px;padding-top:12px;display:grid}.list{flex-direction:column;gap:10px;display:flex}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.actions{align-items:center;gap:14px;display:flex}.chip{background:var(--kertas);border:1px solid var(--garis);color:var(--lembut);vertical-align:middle;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:.75rem;display:inline-block}.small{font-size:.85rem}.tabel-wadah{background:var(--panel);border:1px solid var(--garis);border-radius:12px;margin-top:18px;overflow-x:auto}.tabel{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}.tabel th{text-align:left;color:var(--lembut);border-bottom:1px solid var(--garis);padding:12px 14px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600}.tabel td{border-bottom:1px solid var(--garis);vertical-align:middle;padding:10px 14px}.tabel tr:last-child td{border-bottom:none}.tabel select{width:auto;padding:6px 10px}.mono{font-family:IBM Plex Mono,monospace;font-size:13px}.aksi-baris{text-align:right;white-space:nowrap}.aksi-baris .link+.link{margin-left:14px}.sub.kecil{margin:-10px 0 18px;font-size:13px}.deret-tab{border-bottom:1px solid var(--garis);flex-wrap:wrap;gap:4px;margin-bottom:18px;display:flex}.tab{border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;display:flex}.tab>button[role=tab]{cursor:pointer;color:var(--lembut);background:0 0;border:none;padding:10px 12px;font-size:14px;font-weight:500}.tab.aktif{border-bottom-color:var(--utama)}.tab.aktif>button[role=tab]{color:var(--utama)}.tab.nonaktif>button[role=tab]{opacity:.55}.tab-ubah{color:var(--lembut);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;display:flex}.tab-ubah:hover{color:var(--tinta);background:var(--kertas)}.tab-tambah{border:1px dashed var(--garis);color:var(--lembut);cursor:pointer;background:0 0;border-radius:7px;margin:4px 0 6px 6px;padding:6px 12px;font-size:13px}.tab-tambah:hover{border-color:var(--utama);color:var(--utama)}.buka-lark{float:right;margin-top:-6px;font-size:13px}.alat-tabel{clear:both;flex-wrap:wrap;align-items:center;gap:10px;padding-top:6px;display:flex}.alat-tabel .cari{flex:180px;max-width:260px}.alat-tabel .btn{margin-left:auto}.alat-tabel .tombol.kedua{padding:9px 12px}.kecil-teks{font-size:12.5px}.tabel-lark{min-width:0}.tabel-lark td{text-overflow:ellipsis;white-space:nowrap;max-width:280px;overflow:hidden}.tabel-lark .no{width:44px;color:var(--lembut);text-align:right;font-family:IBM Plex Mono,monospace;font-size:12px}.tabel-lark .angka{text-align:right;font-variant-numeric:tabular-nums}.baris-klik{cursor:pointer}.baris-klik:hover td{background:var(--kertas)}.pil{background:var(--utama-samar);color:var(--utama-gelap);border-radius:999px;margin-right:4px;padding:1px 8px;font-size:12px;display:inline-block}.pilih-banyak{flex-wrap:wrap;gap:6px;display:flex}.pil-opsi{border:1px solid var(--garis);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:inline-flex}.pil-opsi.selected{border-color:var(--utama);color:var(--utama)}.pil-opsi input{width:auto}.hanya-baca{background:var(--kertas);border-radius:9px;gap:4px;margin-top:6px;padding:12px;font-size:13px;display:grid}.baris-isian{gap:8px;display:flex}.baris-isian input{flex:1;min-width:0}.field .sub.kecil-teks{margin:6px 0 0}.rangka{min-height:100vh;display:flex;position:relative}.garis-atas{background:var(--utama);z-index:20;height:4px;position:fixed;top:0;left:0;right:0}.tombol-ikon{width:30px;height:30px;color:var(--lembut);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:none;justify-content:center;align-items:center;padding:0;font-size:16px;display:inline-flex}.tombol-ikon:hover:not(:disabled){background:var(--kertas);color:var(--utama)}.tombol-ikon:disabled{opacity:.35;cursor:default}.sisi{background:var(--panel);border-right:1px solid var(--garis);z-index:10;flex-direction:column;flex:0 0 224px;width:224px;height:100vh;padding-top:4px;display:flex;position:sticky;top:0}.sisi-judul{border-bottom:1px solid var(--garis);align-items:center;gap:6px;padding:14px 10px 12px 16px;display:flex}.sisi-logo{flex:1;min-width:0;display:flex}.sisi-kembali{padding:8px 10px 0}.sisi-kembali a{color:var(--lembut);border-radius:8px;align-items:center;gap:10px;padding:7px 11px;font-size:13px;display:flex}.sisi-kembali a:hover{background:var(--kertas);color:var(--utama)}.sisi-kembali svg{flex:0 0 17px}.sisi-kembali span,.menu-sisi a span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.menu-sisi{flex:1;padding:10px;overflow-y:auto}.menu-baris{position:relative}.menu-sisi a{color:var(--tinta);border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:9px 30px 9px 11px;font-size:13.5px;display:flex}.menu-sisi a:hover{background:var(--kertas)}.menu-sisi a.aktif{background:var(--utama-samar);color:var(--utama-gelap);font-weight:600}.menu-sisi a.nonaktif{opacity:.5}.menu-sisi a svg{flex:0 0 17px}.ubah-menu{color:var(--lembut);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;padding:4px;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.menu-baris:hover .ubah-menu,.ubah-menu:focus-visible{opacity:1}.menu-baris.bisa-seret>a{cursor:grab}.menu-baris.sedang-diseret{opacity:.4}.menu-baris.seret-atas:before,.menu-baris.seret-bawah:before{content:"";background:var(--utama-gelap);height:3px;box-shadow:0 0 0 1px var(--panel);pointer-events:none;z-index:1;border-radius:2px;position:absolute;left:4px;right:4px}.menu-baris.seret-atas:before{top:-2px}.menu-baris.seret-bawah:before{bottom:0}.ubah-menu:hover{background:var(--kertas);color:var(--utama)}.grup-judul{letter-spacing:.8px;text-transform:uppercase;color:var(--lembut);padding:15px 11px 5px;font-size:10.5px;font-weight:700}.grup-judul span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.grup-kosong{color:var(--lembut);padding:3px 12px 5px;font-size:12px;font-style:italic}.sisi-tambah{padding:4px 10px 10px;display:flex}.sisi-tambah button{color:var(--lembut);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 8px;font-size:13px;font-weight:500;display:flex}.sisi-tambah button:hover{color:var(--utama);background:var(--kertas)}.sisi-kaki{border-top:1px solid var(--garis);padding:10px 12px}.akun-sisi .akun-nama{width:100%;max-width:none;color:var(--tinta);justify-content:flex-start;font-family:inherit;font-size:13px}.akun-sisi .akun-nama span{flex:0 auto;font-weight:600}.akun-sisi .akun-ikon{color:var(--lembut);flex:0 0 17px}.akun-sisi .akun-peran{background:0 0;border:none;padding:0}.akun-sisi .akun-panah{display:none}.akun-sisi .akun-daftar{inset:auto auto calc(100% + 6px) 0}.rangka.sisi-lipat .sisi{flex:0 0 62px;width:62px}.rangka.sisi-lipat .sisi-judul{flex-direction:column;gap:6px;padding:12px 6px}.sisi-logo .logo-lambang{display:none}.rangka.sisi-lipat .sisi-logo{flex:none;justify-content:center}.rangka.sisi-lipat .sisi-logo .logo-penuh{display:none}.rangka.sisi-lipat .sisi-logo .logo-lambang{display:block}.rangka.sisi-lipat .sisi-kembali a,.rangka.sisi-lipat .menu-sisi a,.rangka.sisi-lipat .sisi-tambah button{justify-content:center;padding-left:0;padding-right:0}.rangka.sisi-lipat .sisi-kembali span,.rangka.sisi-lipat .menu-sisi a span,.rangka.sisi-lipat .sisi-tambah span,.rangka.sisi-lipat .grup-judul span,.rangka.sisi-lipat .grup-kosong,.rangka.sisi-lipat .ubah-menu,.rangka.sisi-lipat .akun-sisi .akun-nama span,.rangka.sisi-lipat .akun-sisi .akun-peran{display:none}.rangka.sisi-lipat .grup-judul{padding:10px 6px 4px}.rangka.sisi-lipat .grup-judul:before{content:"";background:var(--garis);height:1px;display:block}.rangka.sisi-lipat .akun-sisi .akun-nama{justify-content:center}.isi-kanan{flex-direction:column;flex:1;min-width:0;padding-top:4px;display:flex}.tab-bar{background:var(--panel);border-bottom:1px solid var(--garis);z-index:5;align-items:stretch;gap:2px;padding:0 18px;display:flex;position:sticky;top:4px;overflow-x:auto}.tab-bar>button{color:var(--lembut);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:13px 13px 11px;font-size:13.5px}.tab-bar>button:hover{color:var(--tinta)}.tab-bar>button.aktif{color:var(--utama);border-bottom-color:var(--utama);font-weight:600}.tab-bar>button.nonaktif{opacity:.5}.tab-bar>.tombol-menu-hp{border-bottom:none;padding:7px;display:none}.tab-bar>.tab-tambah-ikon{border:1px dashed var(--garis);width:28px;height:28px;color:var(--lembut);cursor:pointer;background:0 0;border-radius:7px;flex:none;justify-content:center;align-self:center;align-items:center;margin-left:4px;padding:0;display:inline-flex}.tab-bar>.tab-tambah-ikon:hover{border-color:var(--utama);color:var(--utama);background:var(--utama-samar)}.tab-alat{flex:none;align-items:center;gap:2px;margin-left:auto;padding:5px 0 5px 8px;display:flex}.tab-alat .pemisah{background:var(--garis);width:1px;height:18px;margin:0 6px}.zoom-angka{color:var(--lembut);text-align:center;font-variant-numeric:tabular-nums;min-width:38px;font-size:12px}.panel-isi{flex:1;padding:22px 26px 40px}.kartu{background:var(--panel);border:1px solid var(--garis);border-radius:12px}.belum{text-align:center;padding:40px 24px}.belum b{margin-bottom:5px;font-size:14px;display:block}.belum p{max-width:46ch;color:var(--lembut);margin:0 auto;font-size:13px;line-height:1.6}.tirai-hp{display:none}@media (width<=820px){.sisi{transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:8px 0 28px -8px #0000004d}.rangka.hp-buka .sisi{transform:none}.rangka.sisi-lipat .sisi{flex-basis:224px;width:224px}.tirai-hp{background:var(--tirai);z-index:9;display:block;position:fixed;inset:0}.tab-bar{padding:0 8px}.tab-bar>.tombol-menu-hp{align-items:center;display:inline-flex}.panel-isi{padding:14px}}.panel-kepala{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:16px;display:flex}.panel-kepala h1{margin:0;font-size:19px}.panel-kepala>span{color:var(--lembut);font-size:12.5px}.panel-kepala .btn.kanan{align-self:center;margin:0 0 0 auto}.catatan-kecil{color:var(--lembut);margin:0 0 14px;font-size:13px;line-height:1.6}.catatan-kecil b{color:var(--tinta);font-weight:600}.panel-isi .tabel-wadah{margin-top:0}.grup-tambah{max-width:460px;margin-bottom:14px}.grup-tambah .btn{margin:0;padding:10px 16px}.grup-daftar{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:14px;display:grid}.grup-kartu{padding:14px 16px}.grup-kartu.tanpa{background:0 0;border-style:dashed}.grup-kepala{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.grup-kepala svg{color:var(--utama)}.grup-kepala .aksi-baris{margin-left:auto}.grup-anggota{gap:6px;margin:0;padding:0;list-style:none;display:grid}.grup-anggota li{justify-content:space-between;align-items:center;gap:8px;font-size:13.5px;display:flex}.grup-anggota select{width:auto;max-width:150px;padding:5px 8px;font-size:12.5px}.izin-dua{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:16px;display:grid}.izin-kiri{flex-direction:column;gap:2px;max-height:calc(100vh - 90px);padding:8px;display:flex;position:sticky;top:60px;overflow-y:auto}.izin-kiri .cari{margin-bottom:6px;padding:8px 10px}.izin-orang{text-align:left;cursor:pointer;color:var(--tinta);background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 10px;display:flex}.izin-orang b{font-size:13.5px;font-weight:600}.izin-orang span{color:var(--lembut);font-size:12px}.izin-orang:hover{background:var(--kertas)}.izin-orang.aktif{background:var(--utama-samar)}.izin-orang.aktif b{color:var(--utama-gelap)}.izin-pohon{padding:6px 4px}.izin-simpul{border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:13.5px;display:flex}.izin-simpul:hover{background:var(--kertas)}.izin-simpul.tingkat-1{padding-left:34px}.izin-simpul.tingkat-2{padding-left:58px}.izin-simpul>svg{color:var(--lembut);flex:0 0 16px}.izin-lipat{width:18px;color:var(--lembut);cursor:pointer;background:0 0;border:none;flex:0 0 18px;padding:0;font-size:12px}.izin-nama{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.izin-simpul.tingkat-0 .izin-nama{font-weight:600}.izin-jenis{color:var(--lembut);margin-left:8px;font-size:11px;font-weight:400}.izin-pilih{border-radius:7px;flex:0 0 170px;width:170px;padding:6px 8px;font-size:13px}.izin-pilih.ikut{color:var(--lembut);font-style:italic}.izin-pilih.t-kelola:not(.ikut){color:#1d6b3a;background:#e9f6ed;border-color:#bfe0c8}.izin-pilih.t-pengguna:not(.ikut){color:#1f56b8;background:#e8f0fd;border-color:#c4d7f6}.izin-pilih.t-hanya_lihat:not(.ikut){color:#9a5b0b;background:#fdf3e3;border-color:#f0d6a8}.izin-pilih.t-sembunyi:not(.ikut){color:#555;background:#f1f1f1;border-color:#d9d9d9}.nilai-baca{border:1px solid var(--garis);background:var(--kertas);border-radius:7px;min-height:42px;padding:10px 12px;font-size:14px}@media (width<=820px){.izin-dua{grid-template-columns:minmax(0,1fr)}.izin-kiri{max-height:220px;position:static}.izin-pilih{flex-basis:130px;width:130px}.izin-simpul.tingkat-1{padding-left:22px}.izin-simpul.tingkat-2{padding-left:36px}}