*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#fff7ed;color:#292524}.app{display:flex;flex-direction:column;min-height:100dvh}.konten{flex:1;padding:16px 16px 96px;max-width:640px;margin:0 auto;width:100%}h1{font-size:1.4rem;margin-bottom:16px;color:#9a3412}h2{font-size:1.05rem;margin-bottom:10px;color:#44403c}.kartu{background:#fff;border-radius:16px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #0000001a}.kartu-label{font-size:.85rem;color:#78716c}.kartu-angka{font-size:1.8rem;font-weight:700;margin:4px 0}.kartu-kecil{font-size:.8rem;color:#78716c}.tombol{display:inline-block;background:#d97706;color:#fff;padding:12px 20px;border-radius:12px;text-decoration:none;font-size:1rem;font-weight:600;border:none;cursor:pointer;min-height:48px}.tombol:active{background:#b45309}.tombol-kedua{background:#e7e5e4;color:#292524}.tombol-kedua:active{background:#d6d3d1}.error{color:#b91c1c;background:#fee2e2;padding:10px;border-radius:10px;margin-bottom:12px}.nav-bawah{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;border-top:1px solid #e7e5e4;padding-bottom:env(safe-area-inset-bottom)}.nav-item{flex:1;text-align:center;padding:12px 4px;text-decoration:none;color:#78716c;font-size:.8rem;font-weight:600;min-height:48px}.nav-item.aktif{color:#d97706}.stepper{display:flex;align-items:center;gap:12px}.stepper button{width:48px;height:48px;font-size:1.4rem;border-radius:12px;border:1px solid #d6d3d1;background:#fff;cursor:pointer}.stepper-nilai{font-size:1.1rem;font-weight:700;min-width:60px;text-align:center}.daftar-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #f5f5f4;gap:10px}.daftar-item:last-child{border-bottom:none}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:700}.badge-baru{background:#fef3c7;color:#92400e}.badge-selesai{background:#dcfce7;color:#166534}.badge-tipis{background:#fee2e2;color:#991b1b}.baris-tombol{display:flex;gap:10px;margin-bottom:14px}.baris-tombol .tombol{flex:1;text-align:center}input,select{width:100%;padding:12px;border-radius:12px;border:1px solid #d6d3d1;font-size:1rem;margin-bottom:10px;min-height:48px;background:#fff}