:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--latar:#f8fafc;--kartu:#fff;--garis:#e2e8f0;--teks:#0f172a;--samar:#64748b;--aksen:#0d9488;--error:#dc2626;--berhasil:#16a34a}*{box-sizing:border-box}body{background:var(--latar);color:var(--teks);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}a{color:var(--aksen)}.wadah{max-width:640px;margin:0 auto;padding:16px}.kartu{background:var(--kartu);border:1px solid var(--garis);border-radius:10px;margin-bottom:16px;padding:16px}h1{margin:0 0 12px;font-size:1.4rem}label{color:var(--samar);margin-bottom:4px;font-size:.9rem;display:block}input,textarea,button{font:inherit}input[type=text],input[type=email],input[type=password],input[type=date],textarea{border:1px solid var(--garis);background:#fff;border-radius:8px;width:100%;padding:8px 10px}textarea{resize:vertical}button{border:1px solid var(--aksen);background:var(--aksen);color:#fff;cursor:pointer;border-radius:8px;padding:8px 14px}button.sekunder{color:var(--aksen);background:#fff}button.tautan{color:var(--samar);background:0 0;border:none;padding:4px 8px}button:disabled{opacity:.6;cursor:default}.baris{align-items:center;gap:8px;display:flex}.baris>input{flex:1}.jarak{margin-top:12px}.samar{color:var(--samar);font-size:.9rem}.error{color:var(--error);font-size:.9rem}.berhasil{color:var(--berhasil);font-size:.9rem}.nav{background:var(--kartu);border-bottom:1px solid var(--garis);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.nav a{color:var(--teks);text-decoration:none}.nav .kanan{align-items:center;gap:8px;margin-left:auto;display:flex}.daftar{margin:0;padding:0;list-style:none}.daftar li{border-bottom:1px solid var(--garis);align-items:center;gap:10px;padding:8px 0;display:flex}.daftar li:last-child{border-bottom:none}.daftar li span{overflow-wrap:anywhere;flex:1}.selesai{color:var(--samar);text-decoration:line-through}.riwayat a{color:var(--teks);text-decoration:none;display:block}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--garis);vertical-align:top;overflow-wrap:anywhere;padding:8px 6px}